12 de abr de 2013

Tutorial : Efeito Flipping

( Com 100 seguidores eu postarei Lay Free,visitem meu We Heart It clicando AQUI  )

Boa Noite

Como estão? eu trouce para vocês um tutorial do Kawaii World,que é bem fofinho
para ver o efeito clique aqui, e agora para conferir o tutorial clique em leia mais ..

1. Vá até editar HTML e procure por <head>. Abaixo da tag, cole o seguinte:

<link href='http://static.tumblr.com/0xqvkot/MdKmj9am9/flippingkw.css' media='screen' rel='stylesheet'/>

2. Ainda no mesmo local, procure por ]]></b:skin> e acima, cole: 

.efeitoflipping{ padding: 3px; } .efeitoflipping:hover{ -webkit-backface-visibility: visible !important; -webkit-animation-name: flipping; -moz-backface-visibility: visible !important; -moz-animation-name: flipping; -o-backface-visibility: visible !important; -o-animation-name: flippink; backface-visibility: visible !important; animation-name: flipping; -webkit-animation-duration: 1s; }

3. Por fim, em um gadget de HTML/JavaScript, cole e substitua com o que se pede:

<a href="LINK" title="Nome do blog"><img src="LINK DA IMAGEM" class="efeitoflipping"/></a>

Créditos : KW

6 comentários:

  1. Esse efeito é super cute *u* Ele fica lindo para usar em 'Welcomes' c:

    Aceita afiliação ou blog irmão?
    Rascunhos em Paris

    ResponderExcluir
    Respostas
    1. Sim fica mesmo ^-^

      Aceito afiliação !

      Excluir
  2. que efeito mais lindinhooo amei o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  3. Very lindo esse efeito
    Estou fazendo uma nova Lay e estou pensando em usar
    Ja favoritei
    www.garotaousada.com

    ResponderExcluir

Deixe um comentário ♥

Related Posts Plugin for WordPress, Blogger...