19/11/2012

Tutorial: Efeito Pulsar

||

Yo Minna-san!!! Como foi o final de semana de vocês? Bom o meu foi ate que divertido, mas agora trago um tutorial que achei bem legal ele se chama "Efeito Pulsar", quando passa o mouse por cima ele fica palpitando (pulsando) como um coração. Os créditos vão para o blog Miki Candy, e Kawaii World ok?  Então vamos lá tentar agora. .::Ver efeito online::.
Primeiramente vá ate seu HTML e lá procure por ]]></b:skin>, assim que achar acima cole o próximo código:

.bass{
max-width:74px;
margin:1px;
border-radius:10px;
-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;
}
.bass:hover{
-webkit-animation: smallToBig 300ms alternate infinite ease;-moz-animation: smallToBig 300ms alternate infinite ease;
}

Eu fiz o teste no meu outro blog, e aconselho não modificar nada, a não ser o tamanho e a borda, que são os em negrito. Depois de tudo arrumadinho dentro do HTML, vá para layout e crie um gadget de HTML/JavaScript e dentro dele coloque esse código:

<img src="SUA IMAGEM" class="bass" />

Eu no caso não coloquei imagens, mas procurando achei no blog KW, especialmente para esse efeito então ai esta a pagina, espero que gostem e não esqueçam de comentar.

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram