CSS

Css ile grayscale özelliği

CSS artık bize photshopta resimler için kullanılan bazı efektleri tek satır css kodu ile bizede sunmamızı saglıyor. Bunlardan biride “grayscale” özelliği. Grayscale özelliği ile kullandığımız resimlere siyah-beyaz efekti verebiliyoruz.

Bir örnek ile açıklayalım.

img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

img:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir