KAKO DA kreirate providnost slike pomoću CSS3

• KomBib
• Saveti
• KAKO DA kreirate providnost slike pomoću CSS3

Kategorija: Savet :: Datum: 2009-08-17

Pregleda(30 dana/ukupno): 26 / 1031

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.

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

MI IMAMO KNJIGU ZA VAS:

Uspon novca - Finansijska istorija sveta
Cena: 1,620.00 RSD
Nasa cena: 1,540.00 RSD

Artemis Faul - Šifra večnosti
Cena: 530.00 RSD
Nasa cena: 480.00 RSD

Mesečari iz Marguma
Cena: 490.00 RSD
Nasa cena: 450.00 RSD

Komentari:

Budite prvi koji će ostaviti komentar