-
|
| .
|
|
|
|
Volete avere delle targhette opache che si illuminano quando ci passate sopra con il mouse? Ecco lo script!
Adate in Amministrazione Grafica >> Colori e Stili e copiate questo codice:
CODICE /* TARGHETTE OPACHE CHIARE */
.web a:link img, .web a:visited img {filter:alpha(opacity=100); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=30); -moz-opacity: 1.0; opacity: 1.0}
Spieghiamo come funziona.
CODICE web a:link img, .web a:visited img {filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1}
Questa parte del codice si riferisce alle immagini "normali", prima che si passi sopra col mouse.
Per modificare le impostazioni basta cambiare i valori numerici: per il filter alpha i valori vanno da 0 a 100, per moz opacity e opacità vanno da 0 a 1.
CODICE .web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -o-transition: 0.4s linear; -moz-transition-property: background-color}
Quest'altra parte del codice si riferisce invece all'immagine che si vede al passaggio del mouse.
Per modificare l'opacità si veda sopra; per modificare la velocità della transizione, dovete modificare il valore di
codice 0.4s linear
Edited by .:Milla:. - 4/3/2014, 00:53
|
|
|
| .
|
0 replies since 4/2/2014, 21:26 10 views
.
.
.
Anonymous
Web