Ciao a tutti.
Guardando la colonna a sx di questo sito (dove ci sono gli sponsor):
http://www.leopardtrek.lu
Non ho capito come il webdesign ha creato quell'effetto luminosità quando si clicca sull'immagine relativa ad uno sponsor.
Leggendo il sorgente dell'html ho visto che sono semplici immagini gif...che però all'interno del div sono rese più opache...qualcuno è in grado di dirmi come ha fatto?
La colonna a destra?
Semplicemente si sfrutta la proprietà opacity. Esempio:
codice:... <style type="text/css"> a.opacity img { opacity: 0.5; border:0; } a.opacity:hover img { opacity: 1; } </style> <!--[if lte IE 8]> <style type="text/css"> a.opacity img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); zoom:1; } a.opacity:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } </style> <![endif]--> </head> <body> [img]1.jpg[/img] ...
Permessi di invio
Rispondi quotando