@koposov_v

Как изменить цвет у SVG при ховере, где SVG уже вставлен в CSS?

Вот код, как изменить цвет у svg при hover?
  • Вопрос задан
  • 109 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
Dance Gavin Dance - Prisoner
Не выйдет, потому что это SVG закодированное в base64. Влиять на SVG в таком формате - невозможно.

Если нужна смена стилей при наведении, тогда вставляйте обычным способом SVG и по hover меняйте заливку. Но можно пойти другим путём, если всё же хотите оставить всё так. Нужно сделать два изображения для разных состояний элемента. По дефолту показывать картинку одного цвета, а при наведении другую.

Ещё как вариант можете попытаться поиграть с background-blend-mode / mix-blend-mode или применить фильтры.

Или делать иконки псевдоэлементами, и при наведении перекрывать один псевдоэлемент другим. Таким образом можно достигнуть желаемого эффекта.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы