Hover kullanımında icon renk problemi

21-10-2022, 23:32:24

selam arkadaşlar

hazırladığım bir html sayfaya .png uzantılı olarak icon ekledim
icon rengi kırmızı arka plan gri buraya kadar bir sorun yok.
Ancak mause ile icon üzerine gelince hover var ve arka plan kırmızı oluyor
arka plan kırmızı olduğunda icon rengini 2. bir resim atamadan css ile beyaz yapabilirmiyim ilgi arkadaşlar yardımcı olursa sevinirim.

standart hali : https://prnt.sc/cenRlU5XLK7c
hover hali : https://prnt.sc/EGIJy3gYqBcH

21-10-2022, 23:37:03

#2

kozanfirmam

necipp adlı üyeden alıntı: mesajı görüntüle

selam arkadaşlar

hazırladığım bir html sayfaya .png uzantılı olarak icon ekledim
icon rengi kırmızı arka plan gri buraya kadar bir sorun yok.
Ancak mause ile icon üzerine gelince hover var ve arka plan kırmızı oluyor
arka plan kırmızı olduğunda icon rengini 2. bir resim atamadan css ile beyaz yapabilirmiyim ilgi arkadaşlar yardımcı olursa sevinirim.

standart hali : https://prnt.sc/cenRlU5XLK7c
hover hali : https://prnt.sc/EGIJy3gYqBcH

evet tam tersi işlem üzerine gelince beyaz hover verin olacaktır

22-10-2022, 00:31:01

#3

tuuruls

png'yi yapamazsın maalesef. svg olarak eklersen yapabilirsin. veya

img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}

ile grayscale verip deneyebilirsin ama işe yaramayabilir.