Link hover rainbow

Penulis : Aina Zairee Masa : 23:42 Comments : 0 Labels :
Assalamualaikum , waa dah lama tak wat tuto right ? oke skrang ni aina nak wat tuto link hover rainbow . banyak cantik woo :O korang try lah buat

1. pi templete - editHTML - proceed
2. ctrl+f : a:hover {
3. sekrang korang copy kode ni :-

-webkit-background-clip: text;
color: white;
-webkit-transition: 1.0s;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
}

4. paste kan di bawah kode a:hover tu


5. akhir sekali save ! :D

credits: Faqihah Husni
thank you for reading

No comments:

Related Posts Plugin for WordPress, Blogger...