Feliz dia da Criança ! + Efeito Giradinho

|| ||
Olá pessoas! Como vão? Espero que estejam bem, eu andei doente, desde domingo, com tontura, dor nos olhos, febre, e umas coisas lá, e estou até agora tomando remédios, por isso não postei, mas agora já estou melhor, mas ainda estou tossindo :C
Enfim, eu tinha criado esse efeito faz tempo, e não sabia o que postar, e aproveitando:
FELIZ DIA DAS CRIANÇAS! ~ ♪

Gostaram? Vamos aprender?

Acima de ]]><... cole:
.giradinho {
transition:All 5s ease-in;
-webkit-transition:All 5s ease-in;
-moz-transition:All 5s ease-in;
-o-transition:All 5s ease-in;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.giradinho:hover{
transform: rotate(360deg) scale(1.257) skew(7deg) translate(-9px);
-webkit-transform: rotate(360deg) scale(1.257) skew(7deg) translate(-9px);
-moz-transform: rotate(360deg) scale(1.257) skew(7deg) translate(-9px);
-o-transform: rotate(360deg) scale(1.257) skew(7deg) translate(-9px);
-ms-transform: rotate(360deg) scale(1.257) skew(7deg) translate(-9px);
}

E em um gadget de HTML/JavaScript: 
<img src="URL da IMAGEM" class="giradinho" />

Esse efeito serve mais pra gadget de postadoras, ou não sei mais e3e
Espero que tenham gostado, kissus ~ 

14 comentários: