2

Как сделать, чтобы при наведении черно-белая svg-иконка, становилась цветной? Если есть скрипт, могли бы вы рассказать, что к чему там?

5
  • 2
  • Здесь же меняется цвет заливки просто ?
    – SvArt713
    23 мая 2016 в 6:39
  • так точно, можно даже подставлять не цвет, а изображение
    – lexxl
    23 мая 2016 в 6:43
  • Просто через транзишн или Вы прописываете что-то в svg коде ?
    – SvArt713
    23 мая 2016 в 6:50
  • И как изменить изображение ? )
    – SvArt713
    23 мая 2016 в 7:28

1 ответ 1

5

img:not(:hover) {
  transition: 2s;
  filter: saturate(0%);
  -webkit-filter: saturate(0%);
  }
img:hover {
  transition: 1s;
}
<img width=200 src="https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg">

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.