Efeito Arco-Íris nas imagens e links

Olá! Vim trazer um tutorial de como fazer esse efeito arco-íris que eu tenho no meu blog é super simples e fica lindo!

No seu HTML procure (CTRL + F) pelo código :

]]></b:skin>

Acima desse código cole esse código:

img {

filter: hue-rotate(360deg);

border-radius: 5px; /* Bordas aredondadas apague se não quiser */

-webkit-filter: hue-rotate(360deg);

-moz-filter: hue-rotate(360deg);

-webkit-filter;(1);

-webkit-transition: all 1.0s linear; /* Duração do efeito */

-moz-transition: all 1.0s linear; /* Duração do efeito */

transition: all 1.0s linear;} /* Duração do efeito */

img:hover {

border-radius: 15px; /* Bordas aredondadas a hover apague se não quiser */

filter: hue-rotate(0deg);

-webkit-filter: hue-rotate(0deg);

-moz-filter: hue-rotate(0deg);

-webkit-filter;(0);

} 

Para aplicar o efeito arco-íris nos links, adicione este código ABAIXO de ]]></b:skin>:

<script src='http://db.tt/ZP9WFfWi' type='text/javascript'/>

Bjs!