Tutorial : Link Hover Pelangi

Assalamualaikum wbt :)

Baru je lepas blogwalking dari satu blog ke satu blog. And then, terperasan akan satu tutorial nie. Nampak menarik. Jadi, Ieyza nak kongsikan lah jugak tutorial tersebut bersama korang.

lebih kurang macam nie lah hasilnya nanti :)

Template Designer New interface :
i. Dashboard --> Template --> Edit HTML --> Proceed

ii. Tekan F3 dan search kod ini a:hover{
iii. Copy code di bawah dan pastekan di bawah a:hover{
iiii. Preview and Save !

-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, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

}

Credit to : FaqihahHusni