Можно ли сделать hover эффект для svg картинки которая вставлена через background-image тегу button?

Question

[olya_097]

Можно ли сделать hover эффект для svg картинки которая вставлена через background-image тегу button?

Answer 1

[Дима Паутов]

Если вы хотите внутри самой svg сделать какой-то кусочек другим цветом, но, при этом, она вставлена через background, то нет! Только если вы сделаете такую же картинку, но уже для ховера и просто будете преключать background

Comments

[Ankhena]

Через CSS можно менять цвет всей картинки с помощью фильтров, если она одноцветная и не нужен ИЕ
https://blog.union.io/code/2017/08/10/img-svg-fill/

[Дима Паутов]

Ankhena, ну это такое себе решение, факт того, что оно подойдёт для решения задачи оооочень мизерный.
Я слышал что делают реализацию, при помощи которой можно будет залезть внутрь svg картинки, но когда это будет, не ясно. Я исхожу и практических соображений

[Ankhena]

Дима Турков, я и не предлагаю это ответом, только комментарием о возможности. Но тем не менее были случаи, когда это решение было вполне достаточным.

можно будет залезть внутрь svg картинки

Мечтаю о том дне, когда это будет возможно.