Как сделать так чтобы шестиугольное изображение подсвечивалась по периметру при наведении на неё?

Question

[Nik32]

Здравствуйте, подскажите как сделать так чтобы при наведении или нажатии на шестиугольное изображение, оно подсвечивалась по периметру изображения или просто под ней подсвечивалась, но не квадратом/

Answer 1

[Вадим]

3 пути:
1) Если картинка png с прозрачностью, то можно при наведении задавать filter: drop-shadow
2) Если картинка обёрнута в див то можно задать диву такую же форму как и у картинки с помощью clip-path
3) Сама картинка должна быть svg, ну или svg такой же формы должна лежать под картинкой и при наведении на блок - менять цвет свг.

Answer 2

[Максим]

Ну конечно реально - смотрите пример

Answer 3

[Nik32]

Evgenii, а ты в вопрос в никнул?- нет не вникнул. Подсвечиваться при наведении.