Tutorial:Efecto de Imagen girar+Notita


Hola  como estas?perdon por no entrar estos dias,tuve ocupadita ,Me e cambiado de nombre ,bueno como vi que se ponen sobrenombres o nose como se llame ,decidi ponerme ♥Luna♥ ,asi que me puden llamar asi (*-*)/ Aora sigamos con el tutorial hoy les traigo un efecto muy lindo a las imagenes ,que giran,queda muy lindo y tiene doble borde 


Bueno no se ve bien la muestra ,no se ve el borde ,pero ya , asi masomenos queda,al pasar el cursor sobre la imagen gira 
Y bueno para que lo prueven y ven si les gusta
aqui el codigo deberan pegarlo antes de ]]></b:skin> 


.lux {border-radius: 2px; border: 3px double #b7b6d5;}
.lux:hover {-webkit-transform: rotateY(-360deg) ; -webkit-transition-duration: 1.0s; border: 3px solid #e9eeff;}
#b7b6d5:Es el color del  borde 
#e9eeff:Es el color del borde despues de pasar el cursor
Aora copiar el siguiente codigo en un gadget/JavaScript

<img src="Url de la imagen" class="lux"><img src="Url de la imagen" class="lux">
Bueno eso es todo ,espero que les haya gustado .

2 comentarios :

  1. Hola 'luna' ^^ tengo una preguntita,de donde sacas esas caritas tan lindas que usas??

    ResponderEliminar
  2. ola :3 si te refieres a los emoticones estan aqui n.n http://lunany-kawaii.blogspot.com/2012/09/emoticones-caritas.html

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥