Avtor: -primož-
08.12.09
| Prosojnost slike s CSSjem |
| CSS vodiči |
 S CSSjem se da narediti marsikaj in ena od zanimivih CSS popestritev je tudi določanje prosojnosti slikam. Efekt se največkrat uporablja pri galerijah slik in menijih v kombinaciji z a:hover, kjer se prosojnost zamenja, če greste z miško čez.
Določanje prosojnostiProsojnost se določa z atributoma opacity: (za Firefox) in filter:alpha(opacity= ) (za IE). V Opacity vpisujemo vrednosti od 0 do 1, v filter:alpha(opacity= ) pa vrednosti od 0 do 100. HTML in CSS koda: <html><head>
<style type="text/css"> img.prosojnost { opacity:0.2; filter:alpha(opacity=20); } </style> </head><body> <img src="/logo.png">   <img src="/logo.png" class="prosojnost"> </body></html> PRIKAZ prosojnosti Menjavanje prosojnosti s hoverS hover lahko dosežete, da se prosojnost spremeni, ko greste z miško čez sliko; slika deluje namreč, kot povezava in ima določeno eno vrednost prosojnosti, ko pa greste z miško čez pa drugo. HTML in CSS koda: <html><head>
<style type="text/css"> img.prosojnost{ opacity:0.2; filter:alpha(opacity=20); } a img{ opacity:0.6; filter:alpha(opacity=60); border: none; } a:hover img{ opacity: 1; filter:alpha(opacity=100); } </style> </head><body> <a href="#"><img src="/logo.png"></a>   <img src="/logo.png" class="prosojnost"> </body></html> PRIKAZ prosojnosti s hover efektom
|
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
