Tutorial - efeito shake

Status: Escutando música quem nunca??

Hello my apples! (~￣▽￣) boa noite para vocês! eu não pude postar ontem por que eu tava doente, tava com dor de cabeça e com dor de barriga mas por sorte melhorei! que alegria TUTSTUSTS hoje vou amostrar um tutorial muito simples e muito legal se chama efeito shake foi o Kawaii world que postou esse tutorial e esse efeito faz uma tremidinha para os lados e depois para então let's go??

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;}

Não precisa editar nada e depois salve.

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>

E pronto repita quantas vezes quiser kissus my babies  (￣▽￣).