Efeito Gira para o lado

|| ||

Yoo ヽ(*・ω・)ノ

Desculpem ter demorado para postar >< eu estou sem ideias mesmo, não sei o que postar no meu blog :/
Bem, eu e a Thaís combinamos que só mudaríamos de layout quando atingíssemos uma meta
mas eu acho que vou começar a fazer o próximo layout 'u' e também um layout free para aqui, eu estava a fazer um mas não gostei, por isso pretendo fazer outro u.u carreguem em leia mais



1-Vão a Modelo » Editar Html e acima de ]]></b:skin> o seguinte código:

.giraparaolado {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
}
.giraparaolado:hover{
transform: rotate(360deg) scale(1.355) skew(1deg) translate(163px);
-webkit-transform: rotate(360deg) scale(1.355) skew(1deg) translate(163px);
-moz-transform: rotate(360deg) scale(1.355) skew(1deg) translate(163px);
-o-transform: rotate(360deg) scale(1.355) skew(1deg) translate(163px);
-ms-transform: rotate(360deg) scale(1.355) skew(1deg) translate(163px);
}

 2-Depois de verem se esta tudo certo e salvarem vão a Layout e coloquem o seguinte
código num gadget HTML/JavaScript:


<img src="link da imagem" class="giraparaolado" />
<img src="link da imagem" class="giraparaolado" />
<img src="link da imagem" class="giraparaolado" />
<img src="link da imagem" class="giraparaolado" />


2 comentários:

  1. Quee daoraa *U* amei seu blog, muito perfeito, nunca vi algo assim e estou seguindo, muito maravilhoso *-*

    Chu ~
    @MN

    ResponderExcluir