Efeito UpColor

Olá, Pessoas . 

Vou ensinar um tutorial bem interessante e legal para blog de cores .

bom, não gosto de blábláblá , Para ver o Preview clique Aqui . Peguei Uma Base do "Eu amo html" 

Tutorial:

Vá em seu Blog , Modelo , Editar Htmle procure por ]]></b:skin> e acima dela cole o seguinte código :

. Upcolor: hover {-webkit-transform: translateY (-50%) girar (-360deg) escala (1,3); border-radius: 50px;}

. Upcolor img {width: 50px; box-shadow: 0px 0px 0px # ccc;-webkit-transition-duration: .80 s;}

. Upcolor: hover img {opacity: 0.4;-webkit-transition-duration: .80 s;}

. Upcolor img: hover {opacity: 1;-webkit-transition-duration: 0,80 s;

border: 1px solid # FF8C00;

-Webkit-filtro: Hue-RODAR (360deg);

-webkit-transition-duration: 2.90s;}

Não edite nada se quiser que continue com o mesmo efeito . Agora salve , e vá em Layout , adicionar gadget HTML/Javascript e cole o seguinte código dentro dele :

<div class="upcolor">
<A href = " link "title =" Nome "> <img src =" ligação da Imagem. " class = "upcolor" /> </ a>
</ Div>

Pronto, para adicionar mais imagens , acrescente mais o seguinte código antes do </div> :

<A href = " link "title =" Nome "> <img src =" ligação da Imagem. " class = "upcolor" /> </ a>

 Imagem usada :






FIM . Salve e seja feliz .