Tutorial : Hue Image Hover

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera

LIVE PREVIEW HERE
Blogskin

1. Template ---> tekan ctrl + f serentak search kod </style>
2. Copy kod diberi
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);
 }
3. Paste di ATAS kod </style>
4. Preview & save

Denim template

1. Template ---> tekan ctrl + f serentak search kod a img { ATAU img {

2. Copy kod diberi
 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);
 }
3. Paste di bawah kod a img { ATAU img {
4. Preview & save ;)

  Okey done. Sebarang masalah komen je :))