Как сделать такое наведение?

Question

[Вика Мармеладка]

Ребят как сделать такое наведение? Я сделал вот это,
https://jsfiddle.net/r1b1c9f1/
Но я не могу сделать так чтобы появлялись эти 2 кнопки. И просто запихнуть в див не получаться, они будут видны

Answer 1

[trushka]

https://jsfiddle.net/trushka/r1b1c9f1/6/
Не будут они видны без ховера. А менять при ховере надо не цвет, а прозрачность - и ссылки скроются, и анимация будет намного плавнее

Answer 2

[iBird Rose]

тебе не цвет блока при ховере нужно менять а вообще новый блок выводить. сделай внутри своего .cas новый блок с этими кнопками и желтым фоном. и сделай изначально для него visibility: hidden; а при ховере на .cas делай visible

Answer 3

[Сергей Горячев]

https://jsfiddle.net/webirus/r1b1c9f1/3/

Answer 4

[Sergei Nazarenko]

Примерно как-то так https://jsfiddle.net/nazares/r1b1c9f1/2/

Answer 5

[Избасхан Кабилгаков]

Используй fontawesome. Добавь эти коды:

<i class="fa fa-link" aria-hidden="true"></i> /* Иконка Ссылки */
<i class="fa fa-search" aria-hidden="true"></i> /* Иконка Масштаба */

Сделаешь их Display:none, потом при ховере display:block

Comments

[Вика Мармеладка]

не работает

[DTX]

Рич Пиана: код покажи

[Сергей Горячев]

Рич Пиана: всё там работает

[Избасхан Кабилгаков]

Вот примерно так https://jsfiddle.net/r1b1c9f1/5/