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 .