Efeito Yume

Olá moranguitos com frutas roxas! eu acabei de voltar da casa da minha amiga, estava muito bom lá, vimos filmes e damos risadas juntas, mais como vocês não tem nada a ver com isso, eu nem sei porque contei rs, eu vou partir para o tutorial de hoje, é um efeito super legal que achei o no FDA, veja o preview aqui, é lindinho o efeito né?! vamos aprender agora ^_^

Primeiramente vá no seu HTML e procure por ]]></b:skin>, e acima cole:

.yume {-webkit-filter:sepia(1);-webkit-transition-duration: 1.5s;-webkit-transform: rotate(30deg) scale(1.1);border-radius: 100px;margin: 5px;-moz-box-shadow: 0 0 1em #00CED1;-webkit-box-shadow: 0 0 5px #888;}.yume:hover {-webkit-filter: none;-webkit-transform: rotate(0deg) scale(1.1) ; opacity: .99;-webkit-transition-duration: 1s;border-radius: 5px;}

Se quiser substitua o "sepia" por outro efeito:

-blur 

-grayscale

-contrast

Para usá-lo, adicione um HTML / Javascript e cole:

<a href="LINK DO BLOG" title="NOME DO BLOG"><img class="yume" src="LINK DA IMAGEM" /></a>

Pronto, fácil né gente :)