Tutorial - Efeito Roddie

Oiie Garotas Tudo bom ? Hoje vim Trazer Um Tutorial super legal ! Nosso Tutorial é sobre o efeito Roddie que vi em um blog e decidi compartilhar com voces ! Mais antes quero agradecer pelas 18000 Visualizações  que alcançamos Ontem, Hoje ja estamos com mais de 18163 visitantes,quase 200 em apenas 2 dias! Fiquei muito contente com a Noticia ! e quero lebrar que as vagas para colaboradoras ainda estão abertas. o Banner do anuncio esta na Barra Lateral do Blog, Basta clicar nela que vai te direcionar para a postagem a respeito do anuncio ok ?! Então Vamos ao Nosso Tutorial ? 

Preview do efeito

1. Primeiramente vá em Modelo > Editar HTML, clique em qualquer lugar dentro do campo de edição do html e precione Ctrl + f e procure ]]></b:skin> depois cole o código á cima de ]]></b:skin>:

@-webkit-keyframes bubble { 90% { -webkit-transform: } 40%{ -webkit-transform: scale(0.5);} 50% { -webkit-transform: }} .scale { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } } .bb{ padding:1px; } .bb:hover{ -webkit-animation: bubble 1s; -moz-animation: bubble 1s; -o-animation: bubble 1s; -ms-animation: bubble 1s; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}

2. Salve. Agora, para adicionar o efeito em alguma imagem ou algo do tipo cole em um gadget de HTML/JavaScript o código abaixo, substituindo o que se pede:

<a href="LINK AQUI" title="NOME AQUI"><img src="IMAGEM AQUI" class="bb" /></a>

Esse Foi Nosso Tutorial de Hoje, Bem Facil de Fazer né ! Bom espero que tenham aproveitado o tutorial, por hoje é só voltamos 6 Feira com Mais Novidades Beijos e Até A Proxima !