Как правильно реализовать замену картинки при наведении в css?

Question

[IvanIvanIvanIvanIvan]

https://jsfiddle.net/vcz3a6ho/1/

Answer 1

[artyomunder]

Вы об этом? https://jsfiddle.net/vcz3a6ho/3/
А вообще лучше использовать спрайты и позиционирования

Comments

[IvanIvanIvanIvanIvan]

А как вообще управлять SVG и что за спрайты?

Answer 2

[Smeecy Smeecy]

К примеру, можно сделать картинку фоном и менять её при hover (прописывать в background-image другой путь)

Answer 3

[Александр Логинов-Солоницын]

Можно использовать спрайт. Можно поставить 2 картинки и менять opacity у одной при наведении на общего родителя. А вообще в данном случае я бы перерисовать эту простую картинку в SVG и управлял бы её цветом уже обычными стилями. Мне было бы это удобнее.

Comments

[IvanIvanIvanIvanIvan]

А как вообще управлять SVG что за спрайты?