Aggiungere un piacevole effetto dissolvenza sul logo

[Galandas]

Autore : FTH
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;
}

Sostituire con :

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

Demo :
http://graphogames.fr/demo/index.php?style=1

Passa il mause sul "phpBB" logo