Tutorial - Efeito Shake

By: Kawaii World

Hey Minhas morangas com chocolate  (≧◡≦)

tudo bem ? Hoje esta um tédio total então resolvi passar no kawaii World como sempre agora é meu passa tempo  peguei um tuto lá e vim mostrar pra vocês também c:

o nome do tuto e Efeito "Shake" e um efeito para afiliados achei ele bem cute

Live Preview

gostou ? quer ele ? então clique em leia mais 

para você ter esse efeito e simples só siga os passos

1° procure por ]]></b:skin> 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;}

Obs:.. Não e necessário editar nada do código ok ?

depois vá no layout >> adicionar um gadget >> HTML/Java Script 

então adicione este código

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

prontinho já pode aproveitar seu efeito c:

Bjoos #partiu