Tutorial : Bold Hover I

Sebelum Hover

Selepas Hover


Korang nak buat tak bold cam tu? Kalau nak buat, ikut step step yang berikut...

1) Log in > Dashboard > Design > Edit Html

2) Search code ni...

/* Header

3) Copy code ni dan paste kan di atas kod yang korang cari tadi...

b {
color : #D0A9F5;
-webkit-transition-duration: 5s;
}
b:hover {
color : #FFFFFF;
background: #D0A9F5;
border-top: 1px dashed #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
border-right: 3px solid #D0A9F5;
border-left: 3px solid #D0A9F5;
border-radius: 5px;
-webkit-transition-duration: 5s;
}

4) Preview dulu, kalau tak ada error, terus save!

Merah : Warna text bold sebelum hover
Oren : Warna text bold selepas hover
Pink : Warna background bold selepas hover
Biru : Warna border bold selepas hover

#Boleh cari kod warna di sini!

No comments:

Post a Comment