Tutorial - Efeito Crazy

Oi Oi Gente :3

Ai meu Deus eu to tão feliz porque eu consegui encontrar uma postadora pra o Modernium, to quase chegando nos 2.000 seguidores no meu FC no twitter e também porque consegui criar meu próprio efeito, ou seja, estou começando a cumprir minha promessa de variar aqui nos materiais. Bom, eu espero que deem as boas vindas a Débora na postagem que ela fez ontem, espero que ela goste daqui e de vocês leitores maravilhosos. 

Enfim, a respeito do post eu realmente não sei o que vocês vão achar desse efeito, já que ele foi resultado de algumas combinações loucas hoje feita pela manhã, e se não curtirem ele deem um desconto, porque ele foi meu primeiro efeito e tal. Ignorem o nome eu não sabia qual colocar e acho que ele combinou um pouco. Acho que ele combina mais para elite de afiliados, Welcome e essas coisas, porém, fica na preferência de vocês. Vejam a preview aqui e se usarem creditem!

Feito por - Klíh -. Não repassem por favor.

1. Clique nas setas da tag </b:skin>. assim expandindo todo o código que precisamos. Apo´s isso acima de ]]></b:skin> cole o código abaixo.

@-webkit-keyframes crazy {

1% {-webkit-transform: Translate(-5px); }

25% {-webkit-transform: translate(-15px); }

50% {-webkit-transform: translate(-10px); }

75% {-webkit-transform: translate(-2Opx); }

100% {-webkit-transform: translate(-2px); }

}

@-moz-keyframes crazy {

1% {-moz-transform: scale(0.9px); }

25% {-moz-transform: scale(1px); }

50% {-moz-transform: scale(1.3px); }

}

@-o-keyframes crazy {

1% {-o-transform: rotate(360deg); }

}

.crazy {-webkit-transition: .7s; border-radius: 0px; box-shadow: 1px 1px #fff;}

.crazy:hover {-webkit-animation: crazy .7s alternate infinite linear;}

3. Agora vá em Layout e adicione um gadget de HTML/Java Script e cole o código abaixo e faça suas devidas alterações no que está destacado.

<a href="Link" title="Name"><img src="Imagem" class="crazy" /></a>