Как сделать анимированный цвет картинки?

Question

[Игорь Касперский]

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

Answer 1

[Ivanq]

Картинками. На CSS костылем будет. Большим таким.

Comments

[Игорь Касперский]

т.е. заменять через jQuery?

[Mr Crabbz]

Игорь Касперский: необязательно. Делаете два элемента для этой ссылки - :before и :after. Для одного - белая картинка, для другого - красная. Ставите им transition: all 1s ease, белой картинке изначально opacity: 1, второй opacity: 0. При хавере у первой ставите opacity: 0, у второй - opacity: 1. За счет transition получится вот такой же эффект.

[Mr Crabbz]

Игорь Касперский: Это всё в CSS, забыл указать на всякий случай)

[Игорь Касперский]

Роман Краббз: можно и без before)

Answer 2

[Narek]

Можно использовать font awesome? это иконочный шрифт. и при hover изменить цвет.

Answer 3

[Андрей Гончаров]

иконочный шрифт называется способ получше