İlginizi Çekebilir

CSS Resim Opaklığı

CSS Resim Opaklığı

CSS Resim opaklığı özelliği sayesinde sitemize eklediğimiz resimlerin opaklık değerlerini değiştirebiliriz. Kendi isteğinize göre ister en opak halini ister orta halini belirleyebilirsiniz.

Resim opaklığı için opacity etiketi kullanılır.

CSS Resim Opaklığı
Resim opaklığının değerini 0.1 – 1 değerleri arasında belirtebiliriz. Yukarıda ki resimde 3 farklı değer arasında ki opaklık farkını görebilirsiniz.

 
 
Örnekler ile resim opaklığını yakından inceleyelim.

Resim opaklığı 0.1 değerinde olacak şekilde ayarlayalım.

Opak hali
CSS Resim Opaklığı
Orijinali
CSS Resim Opaklığı

 


 
Resim opaklığı 0.7 değerinde olacak şekilde ayarlayalım.

Opak hali
CSS Resim Opaklığı
Orijinali
CSS Resim Opaklığı
Yorum Yap

Yorum Yap