Efeito Arco íris em imagens

O efeito de arco íris em links e imagens do blog. Não me lembro se já postei aqui no BC, pois é um tutorial bem antigo se já postei me desculpem. Achei esse tutorial no site Reino Kawaii, o efeito acho muito bonitinho e fica lindo em layouts simples ou colorido (regulado), já cheguei a usar uma vez. Bom então vamos parar de blá, blá, blá e ir ao tutorial.

1. Para aplicar esse efeito nos links de seu blog, vá ate HTML e procure por ]]></b:skin> abaixo dele cole:

Códigos

<script src='https://sites.google.com/site/webunnycrazy/c/link-arco-iris.js'/>

2. Para aplicar o efeito arco-íris nas imagens cole este código acima de ]]></b:skin>:

Códigos

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); } 

Com esse código todas as imagens do seu blog ficarão com esse efeito; imagens da postagem, sidebar ou onde mais se encontrarem. Caso queira apenas nas imagens da postagem troque o img por img post. Sei que esse tutorial é antigo mas espero que gostem assim mesmo.