uputstva
zaštita voća

Kako da kreirate providnost slike pomoću CSS3?

22.06.2010, 11:36
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; }
Postavio clan: Uputstvo_84
Podeli na Facebooku Podeli sa prijateljima na facebook-u

Komentari

Trenutno nema komentara, komentarisite clanak pomocu forme koja se nalazi ispod

Da bi ste mogli da komentarisete clanke morate se registrovati


Obavestenje: Komentari nisu zvanicni stavovi ovog sajta već subjektivna mišljenja. Sajt Uputstva.rs nije odgovoran za stavove koji su iznešeni u komentarima i oni su vlasništvo njihovih autora.