My imagination are strong enough for me to hold on.
Hello 2017

#Tutorial : Rainbow image hover
Saturday 19 December 2015 @ 09:09



Hover this Image

Hey guyssssss!!
I'm going to show you guys how to make image have rainbow effect when you hover it



1.Open your blog template, change to Edit Html
2.Press Ctrl+F (Command+F for Mac user)
3.Find </style>
4.Put this code before </style>
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);}
5.Save, done!!!

Labels: