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 >.<