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.

24 Oktober 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat