Как сделать ховер?

Question

[olya_097]

Как сделать ховер?
Чтобы при наведении на итем промежуток от тени к бордеру становился другим цветом.
https://codepen.io/anon/pen/Gbozmy

Answer 1

[Mesuti]

Как вариант..

1) При наведении на блок, весь заливается черным цветом, а дочерний центральный белым цветом
https://codepen.io/anon/pen/vqLbdW
p.s. hover не дает эффекта на родителя, поэтому эффект на весь блок

или

2) При наведении на дочений элемент, у него вырастает тень, размером с padding у родителя
https://codepen.io/anon/pen/MMKLrg

Comments

[olya_097]

Mesuti, спасибо огромное

[Mesuti]

если не поможет - пишите.

Если не устроит, можно сделать на JavaScript, чтобы именно на дочерний элемент нужно было наводить, и родитель менял цвет.
Но думаю, такой вариант Вас запутает...

[olya_097]

Mesuti, та не то что запутает
просто этот вариант как по мне хорош

правда снизу не до конца заполяется цветом
во втором варианте