Tutorial : Link hover berpelangi

Post by Adilla Shahirah | 3:10 am | 2 Nutella |
Assalammualaikum.

 Preview :


Template Designer :
i. Dashboard --> Template --> Edit HTML --> Proceed
ii. Search kod ini a:hover{
iii. Copy code di bawah dan pastekan di bawah a:hover{
iiii. Preview and Save !

Blogskins :
i. Dashboard --> Template
ii. Search kod 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);
}


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!