12 de ago de 2013

Efeito - Stretches

| |

Yoo(・◇・)

Eu estou gripada acho eu '3' bem eu queria pedir se vocês não poderiam fazer pedidos
na minha humilde ask 'u' para quem não sabe é essa aqui 
Eu fiz um efeito e.e finalmente eu certo ele estica e gira ao mesmo tempo mas como o nome iria ficar muito grande eu cloquei apenas streyches, bem o nome do efeito acho que não interessa muito e sim o que o ele faz, bem para verem o efeito carreguem em leia mais




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

.stretches {
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);
}
.stretches:hover{
transform: rotate(0deg) scale(0.655) skew(180deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.655) skew(180deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.655) skew(180deg) translate(0px);
-o-transform: rotate(0deg) scale(0.655) skew(180deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.655) skew(180deg) translate(0px);
}

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="stretches" />
<img src="link da imagem" class="stretches" />
<img src="link da imagem" class="stretches" />
<img src="link da imagem" class="stretches" />
<img src="link da imagem" class="stretches" />
<img src="link da imagem" class="stretches" />

6 comentários:

  1. Que lindinho o efeito *u*
    Obsession.

    ResponderExcluir
  2. Eu vi um quase igual um tempo atrás, mesmo assim é lindo e diferente.

    semprefuiestranha.blogspot.com | SEMPRE FUI ESTRANHA

    ResponderExcluir
    Respostas
    1. sério? ta difícil de criar um efeito que não exista ç.ç
      obrigado 'w'

      Excluir
  3. Que efeito legal u_u' Adorei ><

    ResponderExcluir

- Não xingue ninguém, pois toda ação tem uma reação.
- Não julgue a opinião dos leitores. Se fizessem isso com você, você não gostaria, certo?
- Não peça pra seguir de volta ou visitar seu blog. É deselegante.
- Não xingue meu blog. Ele é feito com muito esforço, e não gosto de ninguém "pisando" nele :)