Tutorial - Efeito U-Down

Boa noite cupcakes ^.^

Hoje eu vou ensinar vocês a fazer esse efeito aqui.

Caso queiram aprender, cliquem em leia mais e confira!

-Vá em modelo - Editar HTML e em seguida expanda as reticências que estão entre <style>...<style>;

 -Digite CTRL+F e procure pela seguinte tag: ]]></b:skin> e acima dela cole:

.u-down {-webkit-transition: -webkit-filter 1s;filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;padding: 2px;border: 1px solid #eee;-webkit-transition: all 1.5s ease;transition:All 1s ease-in-out;-webkit-transition:All 1s ease-in-out;-moz-transition:All 1s ease-in-out;-o-transition:All 1s ease-in-out;transform: rotate(360deg)   translate(0px);-webkit-transform: rotate(360deg)   translate(0px);}.u-down:hover{padding: 2px;border: 1px solid #eee; -webkit-filter: sepia(50%);filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;duration: 50s;transform: rotate(180deg) scale(0.637) skew(1deg) translate(0px);-webkit-transform: rotate(180deg) scale(0.637) skew(1deg) translate(0px);}

-Agora vá em layout, adicione um gadget HTML/JavaScript e cole o seguinte código fazendo as devidas modificações:

<a href="Link do blog"><div class="u-down"><img src="Link da imagem" title="Palavra"></div> 

Créditos: Kawaii World

/Saah