19/11/2012

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.

1. Primeiramente vá ate seu HTML e lá procure por ]]></b:skin>, assim que achar acima cole o próximo código:

Códigos
.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;
}

2. 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:

Códigos
<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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345