Logo rotate con dissolvenza

Moloch · Messaggio da **Moloch** » 29/01/2013, 19:53

Questa procedura trasforma il vostro logo in rotate con un effetto a dissolvenza

100%

100%

Apri: common.css

Trova Questo può essere un ritrovamento parziale e non l’intera linea

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

Sostituisci con Sostituire le linee precedenti con la seguente

Codice: Seleziona tutto

#logo {
	float: left;
	width: auto;
	padding: 20px 13px 0 0;
	transition:opacity 1s;
    -moz-transition:opacity 1s; 
    -webkit-transition:opacity 1s; 
    -o-transition:opacity 1s; 
}

a#logo:hover {
	text-decoration: none;
	opacity:0.5;	
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg); 
    -o-transform: rotate(-5deg);	
}