Membuat Animasi Pada Underline Links Di CSS

Hallo tema-teman DUMET School, pada tutorial kali ini kita akan coba membuat animasi pada Underline Links yang ada di CSS. Jadi Underline Links di CSS maksudnya adalah Value dari property CSS yaitu text-decoration, nah nanti kita akan coba membuat animasi pada nilai property tersebut dengan memanfaatkan fungsi yang ada di CSS yaitu pseudo-classes dan pseudo-element, jadi nanti ketika kita arahkan cursor pada tulisan tersebut maka akan terdapat efek underline links pada tulisan tersebut. Baik kita akan langsung coba membuat nya saja ya teman-teman.

Pertama kalian bisa buat satu file dengan nama index.html, dan buat satu tag p di dalam file index.html kalian dan apit satu kalimat dengan tag a, seperti gambar di bawah ini.

Selanjutnya untuk CSS nya kalian bisa ikuti seperti gambar di bawah ini.

Maka hasilnya seperti gambar di bawah ini

Mudah ya teman-teman, sekian dulu tutorial dari saya sampai ketemu di tutorial berikutnya ya. Terima kasih.