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

Question

[0906ddd]

через filter: drop-shadow

само лого белое

цвет который нужен при ховере - #f34841

Comments

[Дмитрий Пыркин]

больше подробностей

[0906ddd]

Дмитрий Пыркин, так это все подробности
лого белое
нужен ховер красный
всё

[Ankhena]

А вы точно про drop-shadow, а не про это https://medium.com/@union_io/swapping-fill-color-o... ?

И с помощью mask-image удобнее.

[0906ddd]

Ankhena, насколько я понимаю, в предлагаемом вами способе нужно вставлять лого не через тэг img
а как встроенный svg

[Ankhena]

0906ddd, как раз нет.
У инлайнового все меняется без заморочек через fill или stroke, без всяких фокусов.

Answer 1

[Дмитрий Пыркин]

.logo:hover {
    filter: drop-shadow(5px 5px 4px #f34841);
}