Descrizione : Aggiungere un piacevole effetto dissolvenza sul logo con CSS3 (funziona con i browser nuovi)
-----------------------------------------------------------------------------------------------------------
Apri styles/prosilver/theme/common.css
Cerca :
Codice: Seleziona tutto
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
Codice: Seleziona tutto
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
opacity: 1;
/* Firefox */
-moz-transition-property: opacity;
-moz-transition-duration: 1s;
-moz-transition-delay: 0.2;
/* WebKit */
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0.2;
/* Opera */
-o-transition-property: opacity;
-o-transition-duration: 1s;
-o-transition-delay: 0.2;
/* Standard */
transition-property: opacity;
transition-duration: 1s;
transition-delay: 0.2;
}
a#logo:hover {
text-decoration: none;
opacity: 0.4;
}
http://graphogames.fr/demo/index.php?style=1
Passa il mause sul "phpBB" logo