Efeito esmaga nas imagens

05/10/2012

Hey pessoas lindas do meu blog, sexta feira emfim o/. Hoje estou super ocupada e passei rapidinho para postar para vocês, viu como amo vocês haha. Breve o blog irá ter um novo layout e atualizarei todos os tutoriais para a nova interface. Bem mas hoje o tutorial é de um efeito lindo, o efeito esmaga. Visualize aqui , o tutorial é bem fácil, bora conferir?
 Vá em modelo >> Editar HTML >> Prosseguir e procure a tag: ]]></b:skin>
Abaixo em CIMA dessa tag cole o código:
.efeito { -webkit-transition-duration: .60s; } .efeito:hover {-webkit-transition-duration: .60s; -webkit-transform: rotatey(50deg) scale(1.065); } 

 Salve e vá em Layout >> adicionar um Gadget e adicione o gadgte HTML/JavaScript  e cole o código abaixo fazendo as alterações necessárias:
<img  src="imagem" class="efeito">

Observação: Você pode trocar lá no código o rotatey por rotatex para esmagar a imagem ao contrário.
Créditos: Land 

10 comentários

  1. Eu gosto, mas o meu preferido é o Stunning.
    Beijos.

    ResponderExcluir
  2. Que legal, ainda não tinha visto em lugar nenhum esse efeito. Muito interessante e diferente c:

    Beijos,
    Anna
    garota-queen.blogspot.com

    ResponderExcluir
  3. OOOMG TO ANSIOSA PRA VER O LAYOUT NOVO *-----*
    Adorei o tutorial o efeito é super diferente e facil de ser aplicado ameeei.

    AAAAAAH lembra daquela proposta de afiliação com o BTP,lembra? Enfim ja te coloquei como afiliada (:

    behind-the-paris.blogspot.com.br

    ResponderExcluir
  4. Adorei o tutorial, custei para encontrar um explicando.
    Ah acabei de conhecer seu blog, amei!
    Fiquei um tempo sem postar no meu, mas estou tentando voltar... hihi
    Espero vc por lá.
    Beijos!!

    http://umaxicaradeleite.blogspot.com

    ResponderExcluir
  5. Não conhecia esse efeito! achei bem bacana! seguindo!

    http://kelly-club.blogspot.com/

    ResponderExcluir
  6. O efeito é lindo mesmo, adorei!

    omeubrilhantemundo.tk

    ResponderExcluir
  7. Eu nunca tinha visto esse efeito, ele é lindo (:
    Ei, estoou setindo falta de você lá no blog. ;*
    Quando dér, passa lá viiu ?
    Beijoos ♥

    www.soentreamigas15.(blogspot.com)

    ResponderExcluir
  8. Olá flor, vim retribuir a visitinha que você fez lá no S.B Detonando! Amei a sua visita no blog, e concerteza estarei postando mais e mais brushes lindos! Aproveita e passa também lá no Tatah Layouts ;) Beijos!

    ResponderExcluir

Retribuo todos os comentários, menos comentários como Seguindo, segue de volta ? ou parecidos, esses NUNCA serão respondidos!
Fora isso fique a vontade para comentar e volte sempre <3