Efeito Vai & Volta


Olá amores! vocês já escutaram o CD do Coldplay{} e do Ed Sheeran{} ? Se não escutaram, baixem agora que está perfeito! Estou pensando em trazer o Download deles para vocês, mas depois eu vejo. Eu desapareci um tempo pois voltei a passar mais tempo no Tumblr - e fiz um tumblr de icons{x} [ peçam e sigam, ok? ] - então eu acabo esquecendo de postar. Também ando um pouco desanimada, mas estou voltando ao "meu normal".

 Finalmente eu consegui fazer um efeito, ele ficou meio modinha, mas estou tão feliz que nem estou me importando! Ele é bem legal, ele vai pra trás e dá uma inclinadinha para a esquerda.
previw {x}

Acima de ]]></b:skin> cole:

.efeito1 {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
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);
}
.efeito1:hover{
transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}
 E em uma janela HTML/JS você irá colocar o seguinte co´digo:
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeito1" /></a>
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeito1" /></a>
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeito1" /></a>
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeito1" /></a>
Alterem o necessário e salvem.

8 comentários:

Nana ᄀᄀ disse...

Oiiie! Eu nunca ouvi Coldplay...
Que legal seu tumblr, também tenho um, mas nem sei o que fazer nele kkk
O efeito é muito fofo. Não tá nada modinha.
Bjs http://wh-graymoon.blogspot.com.br/

Valentina Mendes disse...

Olá Lenah,
eu viciei nesse efeito, tão lindo <3 Fiquei passando o mouse por horas!

Beijos http://valentinices.blogspot.com

Isa Souza ;P disse...

Eu não escuto muito Coldplay. A única música deles que eu realmente gosto é The Scientist <3

Eu adorei o efeito >3<

{euamohtml.blogspot.com}

Amy Lee disse...

Oe :3 Amei o efeito muito lindo >3<

http://midniightmemoriies.blogspot.com/

Roh Chan disse...

Ahh flor como é bom postar em tumblr? Tudo parece ser tão mais fácil e sem pressão, eu tenho um e posto quando me dá vontade e quando acho algo interessante ^^ Mas não fique desanimada não, daqui a pouco volta tudo ao normal você vai ver >.< Achei o efeito simples mas bem fofo ;) Beijos =3

Unicorn~Chan disse...

Oi >w< Já ouvi algumas músicas do CD do Coldplay, eles arrasaram ! Nuca tive Tumblr, acredita ? Sempre tive vontade, só que nunca criei ~eita~
Awwn, que efeito lindo, parabéns ! Gostei bastante dele, essa saidinha pra trás que ele realiza é muito fofa :3

~kiss
CS ♥

Bibs disse...

Que efeito lindo, amei, vai estar no meu próximo layout, assim como a url do seu blog maravilhoso com os créditos <3, Beijinhos /tem tag nova do inter lá no blog >.< (x)

Hana ^^ disse...

Aceita afiliação? Responde lá no blog o/

http://ice--queen.blogspot.com.br/

Postar um comentário

Oie, pode comentar a vontade, mais antes siga as regras.

- Não é permitido usar palavras insultantes.
- De criticas construtivas!
- Aceito "segue de volta", mas comente sobre o post primeiro né!
- Tem vaga para afiliados é só pedir!
- Deixe o link do seu blog para eu retribuir a visita!!!
Bjs ♥

Algumas fofuras para você usar:
ッ ≧✯◡✯≦ ≧^◡^≦ :[ ✿◕ ‿ ◕✿ ➳♥ ❣ ☜♡☞❤ ❥ ❦ ❧ ♡ ✗ ✘ ⊗ ♒ Ω ♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧ ✦ ✧ ♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃