Image Hover Lip Lap
Hai , Assalamualaikum and Annyeonghaseyo everyone.
Ok tutorial untuk hari ni adalah bila halakan cursor dekat image, ia bertukar jadi Colourful Lip Lap macam Rainbow katakan.
Blogskin
Dashboard > Template > Edit Html
Tekan Ctrl + F serentak / F3 cari code ni
</style>
Copy code bawah ni.
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);
}
Paste dekat atas
</style>
Preview dulu then save.
0
comment (s) | Jom comment (s)
Image Hover Lip Lap
Hai , Assalamualaikum and Annyeonghaseyo everyone.
Ok tutorial untuk hari ni adalah bila halakan cursor dekat image, ia bertukar jadi Colourful Lip Lap macam Rainbow katakan.
Blogskin
Dashboard > Template > Edit Html
Tekan Ctrl + F serentak / F3 cari code ni
</style>
Copy code bawah ni.
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);
}
Paste dekat atas
</style>
Preview dulu then save.
0
comment (s) | Jom comment (s)