dauntless ✸

HOME ABOUT PICS ICONS FOLLOW SOON
Para comentar, terá de clicar na caixinha abaixo do título da postagem que diz, por exemplo: "0 Comentários".








Efeito Shake

como eu queria isso :c

Hóóy ♥♥ Bom gente linda, eu to achando que vou trocar de lay, mas só no final de semana, estou com muita coisa pra fazer e sexta vai ter prova do livro com dois livros e eu não li nenhum ainda. Sou muito fora da lei.. ^^
Bom eu estou aqui para falar que logo logo vou postar o esperado tuto de como eu faço os meus desenhos. Já me pediram milhões de vezes e só agora eu estou preparando. To preparando também uns posts reserva para agora nesse período de provas... Vamos ao efeito? 
Créditos: Kawaii World ♥
Live Preview 



1.  Vá no HTML do seu blog e pressione CTRL+F. Na caixa de pesquisa, procure por ]]></b:skin> e acima dessa tag, cole:
@-webkit-keyframes shake {0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
25% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}
50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}
75% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}
100% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);} 
}.shake {-webkit-transition: .9s; border-radius: 5px;}.shake:hover {-webkit-animation: shake .9s alternate ease;}

2. Em um gadget HTML/Java Script, cole o seguinte código. Repita-o para cada imagem a mais:

<a href="URL" title="NOME"><img class="shake" src="URL da IMAGEM" /></a>
Bzu

Marcadores: ,

©