30 de mar de 2013

Efeito BanBan


Boa tarde, galera!

Como foi a semana de vocês?! Quero agradecer as ótimas visualizações do blog que, no total, foram 21.000 e mais algumas coisas! rs. Trouxe um efeito muito massa chamado BanBan! Créditos ao blog Lovers of Designs! Veja a preview aqui. Tutorial abaixo:



1 - Cole esse código no seu css:

@-webkit-keyframes banban {
0% {-webkit-transform: skew(1deg,1deg); }
25% {opacity: 0; }
50% {-webkit-transform: skew(10deg,-10deg); }
75% {-webkit-transform: skew(-10deg,10deg); }
100% {-webkit-transform: skew(-1deg,-1deg); }
}

.imagem {border-radius:1px; width: 116px;-webkit-transition-duration: .90s;}
.imagem:hover {-webkit-animation: banban 1s alternate infinite; -transition-duration: .90s;}

2 - Agora cole isso em um gadget HTML/JavaScript:

<img src="link-da-imagem" class="imagem">

Kissus 


2 comentários:

  1. Oii!!
    Tudo bem?
    Eu sou a Pâmela, eu gostei muito do seu blog!
    Você poderia olhar o meu?É esse:
    http://cantinho-da-pam.blogspot.com.br/
    ele não está pronto ainda porque eu não postei quase nada ainda, mais vê lá por favor?!

    ResponderExcluir
  2. Adorei seu blog ...
    Liiindo ... Mais não entendi oque é esse Efeito, É para que ?

    http://devaneiosde-umasonhadora.blogspot.com.br/
    #Seguindo ... Se gostar, mais só se gostar, segue de volta

    ResponderExcluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!