CSS3 opacity

opacity :

Bir element için opaklık düzeyini belirler.

0.5 bize 50% lik opaklığa sahip olacağını belirtirken 0 tamamen saydam 1 ise hiç şeffaf olmayan değeri belirtir. Yani 0 ile 1 arasında bir değer alabilir.

Örnek

.opacity {
  background: red;
  width: 300px;
  height: 300px;
  color: white;
  opacity: 0.3;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
number 0 (tamamen şeffaf) ile 1(tamamen opak) arası bir değer alır.
İnital
İnherit

Tarayıcı Desteği

4.0 2.0 9.0 3.1 9.0