• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

16 de fevereiro de 2013

Efeito Bate Bate

Tumblr_mi6q8cg5xg1r8fqy9o1_1280_large
Meia noite e eu aqui no pc, vendo TWD, tudo de bom o glenn rsrs :3
Olá gente, 
trouxe um tutorial de um efeito bem legal nas imagens de afiliados
Preview aqui e os créditos vão para o Garota no mundo HTML, e para o Kawaii Things pois lá encontrei esse super tutorial.
Let's go kawaiis!
Procure por ]]></b:skin>  e acima cole:

@-webkit-keyframes vai { 0% {-webkit-transform: rotate(19deg) scale(1) skew(1deg) translate(0px);} .vai {border-radius: 5px; border:5px solid #ffc9c8; -webkit-transition: 1.99s; } .vai:hover {-webkit-animation: vai .99s alternate infinite linear; transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px); border:5px solid #ffa5a5;


E para o efeito aparacer, você terá de colar o código abaixo em um HTML / Javascript:


<a href="LINK DO BLOG"target="_blank" title="NOME"><img src="LINK IMAGEM"width="70" align="left" class="vai" /></a> 
Espero que tenham gostado, o efeito é simples, mais é bonitinho né?! espero ver a opinião de vocês queridos, boa noite!

32 comentários:

  1. Tuto incrivel! Vou usar no meu proximo layout! :)
    OMG primeira a comentar?! Que sorte! haha Bjjs
    Aceita afiliação? capasbgsetutoriais.blogspot.com

    ResponderExcluir
  2. Fica lindoo
    adorei o tutorial :)
    http://manguitarosa.blogspot.com.br/
    beijoooos

    ResponderExcluir
  3. Ooi! nossa eu estva procurando por esse tuto *---* Ammei. á já to seguindo ok?

    Beijos~

    ResponderExcluir
  4. amei o tuto! será q vc poderia fazer um tuto ensinando a colocar aquele gadget do facebook e do twitter q tem o botao "curtir" e aparece os ultimos posts do twitter

    ResponderExcluir
  5. Que efeito divooo! *u* Sempre quis saber como fazia :3
    Achei que fosse difícil, mas é bem fácil *-*

    Kissus ♥ ~
    mikicandy.blogspot.com

    ResponderExcluir
  6. Adorei! É super fofo!

    Beijos ;3 | Eu Amo HTML | {euamohtml.blogspot.com}

    ResponderExcluir
  7. Eu simplesmente adoro os tutoriais q vc posta :D

    Beijooos!
    http://pequena-julieta.blogspot.com.br
    Confira as dicas da Sté, para disfarçar as imperfeições com a maquiagem :D Vai lá!!

    ResponderExcluir
  8. Esse efeito é MAGICOOO *-*

    jovenclube(.blogspot.com)

    ResponderExcluir
  9. Este comentário foi removido pelo autor.

    ResponderExcluir
  10. Ooi Megan,
    Desculpe não estar comentando suas postagens, sei que por conta da afiliação tenho que comentar aqui. Não estou dizendo que é só por cauza disso que comento, não, eu comento porque realmente gosto daqui.
    Mas não estou tendo tempo de sobra. Atualmente posto em 4 blogs, o que eu tenho com as minhas amigas, o da minha amiga, em um blog super lindo de tutos, e no meu. Peço mil desculpas =/ Você comenta muitos posts meus mesmos com a net lenta, e eu agradeço muito ^^
    Mas prometo que vou começar a comentar assim que possível.
    Beijos
    Princesas sem Coroas

    ResponderExcluir
    Respostas
    1. Onw flor, não precisa ter essa obrigação de comentar sempre, entendo, e obrigada pelos elogios :)
      ultimamente minha net está lerda mesmo rsrs

      Excluir
  11. Também assisto The Walking Dead, muito bom *u* ahuah
    E esse efeito é bem legal, gostei dele, mas prefiro usar os afiliados em liks mesmo rs

    Beijos ♥

    ResponderExcluir
    Respostas
    1. verdade, nem me fale nele, pois se não começarei a falar e não pararei mais hihi

      Excluir
  12. Nossa que legal, adorei :3
    Beijos, Morangos Silvestres

    ResponderExcluir
  13. Muito lindo o efeito, adorei *u*
    Beijocas!

    PiinkCookie.blogspot.com ♥ Participe do sorteio

    ResponderExcluir
  14. Que perfeito esse tutorial, fica lindo o resultado, pretendo usar no meu próximo layout :D

    Beijão *u*
    http://porckybunny.blogspot.com.br/

    ResponderExcluir
  15. Amei ♥ vou usar no meu próximo lay,aceita afiliação?

    ResponderExcluir
  16. Adorei o efeito *-* muito lindo.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  17. Adorei o efeito, otimo tutorial
    bjinhos
    http://chuvadesonhooficial.blogspot.com.br/

    ResponderExcluir
  18. Que legal!Vou tentar fazer isso!
    Adorei o efeito!
    Kisses.

    ester-macedo.blogspot.com

    ResponderExcluir
  19. Que lindo , amei o efeito !

    Bezoos :33
    www.mundoo-cute.blogspot.com

    ResponderExcluir
  20. Lindo o effeito
    questao-deopiniao.blogspot.com.br

    ResponderExcluir
  21. Muito massa esse efeito :)

    Bjo
    http://wheres-my-stache.blogspot.com

    ResponderExcluir
  22. Postei esse efeito no meu blog e ninguém deu bola UHAUHAuAHuAhauh, agora postando nesse blog super divo quem não comenta? é muito fofo mesmo esse efeito neh?? Kissus amore ;)

    ResponderExcluir
  23. eu amei mais em todos os meus blogs nunca tem esse codigo ><

    ResponderExcluir