20/1/13

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~

1 comentario:

  1. Hola nena, tu blog es muy lindo =)
    podrias seguir mi blog? yo ya sigo el tuyo..!

    http://domi-kawaii.blogspot.mx/

    ResponderEliminar