Efeito Arco-Íris nas Imagens do Blogger

Nesta postagem irei mostrar para vocês como vocês podem estar colocando Efeito Arco íris em imagens. Já vi tutoriais mostrando com colocar este efeito em links. Mas, se você quiser colocar também nas imagens, é só fazer o seguinte:

Entre em "Modelo" - "Editar HTML", dê um Ctr + F e procure pela tag

]]></b:skin>

Tendo encontrada a tag, cole ACIMA dela o seguinte código

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

Tendo colado o código, basta salvar e pronto!!!

Se você gostou deste tutorial, dê um Curtir nesta postagem e deixe seu comentário.