Как через css поменять цвет png изображения?

Question

[Кристина]

Доброе утро!
Есть желтое png изображение, хочется, чтобы при наведении становилось черным.
Как можно сделать через css?
Спасибо!

Comments

[Дмитрий Локшин]

Только заменой самого изображения, т.к. цветом можно управлять только svg.

[Кристина]

Спасибо!
А svg как поменять? Через hover и background или fill?

[Antony Bark]

цвет svg через fill

svg:hover  { 
  fill: #000;
}

навскидку

Answer 1

[Михаил]

CSS Filters только так, если через CSS.

Answer 2

[mletov]

Смотря что именно должно получиться. Вы бы скриншоты приложили. Например, если совсем примитивно надо, то просто полупрозрачный png и менять фон дива под ним.

UPD
Исходя из скриншота:
Сделайте png, только инвертированными. Фон иконки совпадает с фоном сайта, а контур изображения прозрачный. И меняйте цвет фона дива, в котором находится иконка.

Comments

[Кристина]

[mletov]

Сделайте png, только инвертированными. Фон иконки совпадает с фоном сайта, а контур изображения прозрачный. И меняйте цвет фона дива, в котором находится иконка.

Answer 3

[violentov]

Первая ссылка в гугле
https://stackoverflow.com/questions/7415872/change...

Answer 4

[Froggyweb]

Используй спрайты

Answer 5

[Некит Медведев]

меняй картинки