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.
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 Ulasan:
Catat Ulasan
.Assalamualaikum
.Sila tinggalkan 1komen di bawah ini
.Jangan gunakan perkataan kesat
.Terima Kasih atas kerjasama anda