Как написать код чтобы при навидении 2 цвета поменялись местами?

Question

[Toy Boy]

фон на белый, иконка на зеленый

Comments

[Ankhena]

Зависит от того, как это у вас сделано.

Самый простой вариант: меняйте fill у нужных частей SVG
https://jsfiddle.net/s8fg76je/

[Toy Boy]

Спасибо, помогли

Answer 1

[Леонид Роженцев]

Если иконка будет отрисована в svg, то можно найти нужные элементы, добавить им классы и легко менять их цвет с помощью hover. Главное найти в svg-коде то, что нужно.

Answer 2

[Дмитрий]

простейший вариант использовать две картинки меняя по hover
https://jsfiddle.net/L0x283kz/
можно использовать одну картинку с двумя вариантами иконки и менять сдвигом
вариантов очень много

Comments

[Toy Boy]

тогда как сделать чтобы при наведении бг был поверх него? z index не помогает

[Дмитрий]

Toy Boy,
покажите свой код ибо непонятно о чем речь