Efecto rainbow para tus imagenes

¡Hola! de nuevo lectoras Que tal? en esta entradita les mostrare como ponerle un efecto multicolor a tus imagenes aqui les dejare la vista previa empezemos
Vista previa

  • Vamos a plantilla
  • Edición HTML
  • Ctrl + F buscamos
  • ]]></b:skin>
y justo de bajo de ]]></b:skin> pegamos el siguiente codigo

img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);}

Click en vista previa y guardar
Creditos Annyz-Kawaii




1 comentario :

  1. Holi, gracias por el tuto n.n pero no me salió D:

    Saludos *3*

    ResponderEliminar

lunes, 29 de junio de 2015

Efecto rainbow para tus imagenes

¡Hola! de nuevo lectoras Que tal? en esta entradita les mostrare como ponerle un efecto multicolor a tus imagenes aqui les dejare la vista previa empezemos
Vista previa

  • Vamos a plantilla
  • Edición HTML
  • Ctrl + F buscamos
  • ]]></b:skin>
y justo de bajo de ]]></b:skin> pegamos el siguiente codigo

img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);}

Click en vista previa y guardar
Creditos Annyz-Kawaii




1 comentario:

  1. Holi, gracias por el tuto n.n pero no me salió D:

    Saludos *3*

    ResponderEliminar

Copyright © 2015 Fiorela Kawaii - Desing by Angel P.