Hey Crazyrs, como estão? Não postei ontem porque não consegui mesmo, meu notebook travou eu desliguei, liguei de novo e travou de novo então desisti, foi estressante, mas hoje tenho um poste bem legal pra vocês *-* eu achei esse efeito em um tumblr de HTML que fechou ou quase, faz meses que ele tá desativado então créditos ao Fun HTML, o efeito é bem legal mesmo, espero que gostem e se quiser ver clique ali em "mais informações".
Preview
Preview
Coloque o código antes de ]]></b:skin>
@-webkit-keyframes vai { 0% { transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);-moz-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);-ms-transform: rotate(0deg) scale(0) skew(0deg) translate(0px); }Coloque esse código onde for usar:
25% {transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);}
50% {transform: rotate(7deg) scale(0.964) skew(0deg) translate(-2px);
-webkit-transform: rotate(7deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(7deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(7deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(7deg) scale(1) skew(0deg) translate(0px);}
75% {transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(-7deg) scale(1) skew(0deg) translate(0px);}
100% { transform: rotate(0deg) scale(-1) skew(0deg) translate(0px);-webkit-transform: rotate(0deg) scale(-1) skew(0deg) translate(0px);-moz-transform: rotate(0deg) scale(0) skew(0deg) translate(0px);-o-transform: rotate(0deg) scale(0) skew(0deg) translate(0px);-ms-transform: rotate(0deg) scale(0) skew(0deg) translate(0px);}}
.vai {border-radius: 5px; border:1px double #f5f5f5; margin:1px;cursor:pointer;}
.vai:hover {-webkit-animation: vai 1.3s alternate infinite linear;border-radius:2px;-webkit-transition: -webkit-transform 1s ease-in-out; }
<img src="LINK DA IMAGEM" width="100" align="left" class="vai">
*OO* Que efeito mais fofo :3 Talvez use ;)
ResponderExcluirKiss~
letterofpain.blogspot.com
Bem trim trim mesmo, UASHUA' -q Lindo >.<'
ResponderExcluirBeijos,
Juu-Chan do Nescau com Nutella.
Favoritei essa página pois fiquei interessada nesse efeito ^-^ Quem sabe no meu próximo layout em outubro!
ResponderExcluirDarei os devidos créditos, é claro!
Bjão , Brenda!
recantodafadaalice.blogspot.com.br/