24/11/2014

Imagem com Efeito Arco-Iris

Yoo! A pedido da Isabelle Campos, vim trazer esse tutorial aqui para vocês! Vocês já viram que em alguns blogs tem aquele efeito de arco-iris nas imagens? Então é esse tutorial! Os créditos vão para a Gaby-chan do GQCA
Vamos fazer?


Vá para o HTML do seu blog e procure por ]]></b:skin>  e acima dele cole:


img{
border: none;
-webkit-transition:1s;
margin: auto;
padding: 0;
}
img:hover{
-webkit-transition:1s;
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
}
Visualize, se estiver tudo certinho salve ^-^! Bejus >.<

2 comentários:

  1. *-* nossa valeu mesmo estava muito procurando este tuto!
    Vou fazer um novo post com um material para tutoriais que concerteza pode lhe ser mucho util para voce!
    Sucesso ><
    * doce bunny *

    ResponderExcluir