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; }