Hover Imagen Rainbow Version 3

Hi! Friends ~ ♥ヾ(･д･｡)*:.｡.

¿Como están? Yo tendría que estar estudiando, pero que mas dá(? Pensé: "Primero mis queridos lectores, luego matemática" {Si mi madre se entera me manda a trabajar(?} Okno, hablando en serio. Levante la mano quien se acuerda de los famosos efectos Rainbow de MMC! (｡･_･)ﾉ<33

Para quien tenga la memoria muerta o este anamorad@ & no se centre en la realidad, visite los siguientes tutoriales: Efecto Rainbow Version Nro1 & Efecto Rainbow Version Nro2.

Bien, hoy les traigo la "Version Nro3" & pueden ver el ejemplo en los siguiente 3 icons:

Puedes tomar los icons para uso personal ~ 
sin necesidad de créditosヽ(〃'▽'〃)ﾉ

¿Como colocar el efecto?

Nos dirigimos a Plantilla // Edición HTML // Buscamos dentro del código de nuestra plantilla {CTRL + F} la siguiente linea:

]]></b:skin>

ARRIBA de ello, pegar el siguiente code:

img {
filter: none;
-webkit-filter: none;
-moz-filter: none;
-webkit-filter;(0);
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;}
img:hover {
filter: brightness(0.7) contrast(5) grayscale(1) hue-rotate(360deg) invert(0.1) saturate(7);
-webkit-filter: brightness(0.7) contrast(5) grayscale(1) hue-rotate(360deg) invert(0.1) saturate(7);
-moz-filter: brightness(0.7) contrast(5) grayscale(1) hue-rotate(360deg) invert(0.1) saturate(7);
-webkit-filter;(1);
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;}

& listo! Ya tenemos nuestro magico efecto rainbow ヽ(〃＾-＾)/

Cualquier inconveniente, ya saben, son bienvenidas las dudas &/o consultas.

& no se olviden que no cuesta dar créditos!