Efeito Rotating

~~me avise se a imagem for sua // obrigada: kawaii world

Boa tarde pipocas! Estão bem? Espero que sim. Por recomendação da Mack,do The Moon Reverse estou com vontade de ler o livro Zodíaco. Eu gosto muito de romances de mistério e romances policiais. Espero que não seja caro. No momento eu estou lendo o conto A Rainha de Espadas,de Aleksander Pushkin.
Indo direto ao assunto,eu hoje vim lhes trazer o meu primeiro efeito para fotos ^^
Ficou bem simples,mas espero que seja útil. Para ver o preview,clique aqui. Gostaria de agradecer aos seguintes blogs/sites: Tea With Cake e CSS 3.0 Maker. ~~

Para adicionar o efeito em seu blog,procure por ]]></b:skin> e,após achar a tag,cole acima dela o seguinte código:

.RotatingBrush {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.RotatingBrush:hover{
transform: rotate(184deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(184deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(184deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(184deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(184deg) scale(1) skew(1deg) translate(0px);
}

Agora, cole em um gadget de HTML/JS:

<a href="URL" title="NOME"><img src="URL DA SUA IMAGEM" class="RotatingBrush" /></a>

Faça as modificações necessárias e saia usando!