Underline + hover ke bawah

Assalammualaikum :)

Contoh underline Anis : Poyo Sangat Comel !

Garisan dia bile di hover ke bawah dan hilangkan ? Smart tak ? Anis cuma nak sharing :)

Dashboard > Design > Edit Html .

Mule2 carik kode :

u {

Kalau tak ade kode tu tambahkan je kode u { di atas kode :

/* Header

Now, korang dah ade u { .. pastu copy kode bawah ni dan paste di bawah u { k . 

text-decoration:none;

color:#999999;

padding: 2px;

line-height: 10px;

border-bottom: 2px solid #99E0FF;

-webkit-transition: 0.5s;

}

u:hover {

color:#01A9DB;

border-bottom: 6px solid transparent;

-webkit-transition: 0.5s;

}

Save . Tengok kat underLine korang, jadi tak ? >_^ 

---

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

---