KAKO DA kreirate providnost slike pomoću CSS3

Opcija Opacity podešava vrednost koliko će elementi, kao što  su sloj, tekst ili slika, biti providni. Element sa vrednošću Opacity od 1.0 će  biti u potpunosti neprovidan dok će element sa vrednošću 0,0 biti potpuno  providan.

Evo primera kako da kreirate providnost sloja pomoću CSSa:

div.L1 { background:#036; opacity:0.2; width:575px; height:20px;  }
  div.L2 { background:#036; opacity:0.4; width:575px; height:20px;  }
  div.L3 { background:#036; opacity:0.6; width:575px; height:20px;  }
  div.L4 { background:#036; opacity:0.8; width:575px; height:20px;  }
  div.L5 { background:#036; opacity:1.0; width:575px; height:20px;  }

Takođe možete da primenite i različite nivoe neprovidnosti  na slike. Primer je sledeći:

img.1 { opacity:0.25; width:150px; height:100px; }
  img.2 { opacity:0.50; width:150px; height:100px; }
  img.3 { opacity:0.75; width:150px; height:100px; }