Efeito: Agitated

Olá galerinha,

Hoje eu vou fazer 2 postagens de efeitos para fotos. A primeira muito fofo eu fique apaixonada pelo efeito, eu estava até pensando em colocar na imagem de about me. Mais chega de blá blá blá o nome do efeito é Agitated, eu aprendi a fazer com este blog aqui Chá & Cupcake, então os créditos vão para lá. Bom se vocês não conhece o efeito aqui está a:

Previa

Primeiramente vá em modelo depois editar HTML e pesquise por:

]]></b:skin>

E cole acima da tag este código:

@-webkit-keyframes gangorra {
from {-webkit-transform: rotate(10deg);}to {-webkit-transform: rotate(-10deg);} }
@-moz-keyframes gangorra {
from {-moz-transform: rotate(10deg);}to {-moz-transform: rotate(-10deg);} }
@-o-keyframes gangorra {
from {-o-transform: rotate(10deg);} to {-o-transform: rotate(-10deg);} }
.mn {
text-align: center; margin:2px; }
.mn:hover {
    -webkit-animation-name: gangorra;
    -webkit-animation-duration: .01s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
-moz-animation-name: gangorra;
    -moz-animation-duration: 0.1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
-o-animation-name: gangorra;
    -o-animation-duration: 0.1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;}

Depois vá em Adicione um gadget HTML/JavaScript e cole:

<a href="LINK_DO_BLOG" target="_blank" title="NOME_DO_BLOG"><img class="mn" src="URL_DA_IMAGEM" /></a>

Repita quantas vezes precisar e modifique onde esta pedindo, e pronto.  Beijos e até a próxima