Tutorial Rotacion y desaparicion de imagen cuando se apunta con el mouse

Hi~ hoy les traigo un nuevo tutorial,en este aprenderemos hacer 

girar nuestras imagenes hasta el punto que desaparesca xD 

espero les guste.

Empezemos:

Panel de Control →Modificar Plantilla→ Html 

Ctrl + F o F3 para buscar ]]></b:skin> 

y antes del ]]></b:skin> pega el siguiente codigo

img{

-webkit-transform: rotate(0deg) scale(1);

-moz-transform: rotate(0deg) scale(1);

-o-transform: rotate(0deg) scale(1);

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

}

img:hover{

-webkit-transform: rotate(360deg) scale(0);

-moz-transform: rotate(360deg) scale(0);

-o-transform: rotate(360deg) scale(0)

}

le dan guardar y listo,eso seria todo,facil cierto? n_n

y no olviden que si usan algo del blog dar los creditos.

Bye~