Cara menggunakan buat hover di html

Halo sobat setia Dunia Pemrograman, jumpa lagi dengan saya pada tutorial Membuat Hover Effects Dengan CSS. sebelum saya menjelaskan cara membuat Hover Script yang keren, saya akan menjelaskan terlebih dahulu apa itu Hover

Apa itu Hover. ?

Hover adalah gerakan atau perubahan yang terjadi pada suatu objek ketika area objek dilintasi atau disentuh oleh mouse (panah mouse).  

diatas ada 2 anchor link yang akan diberi efek hover, selanjutnya yang berikutnya adalah

Kedua

Setelah mengetikkan paragraf di atas, kita beri style CSS untuk menampilkan efek hover dengan kode di bawah ini

*{margin:0;padding:0;} body{box-sizing: border-box;} .box{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } a{cursor: default;} .box p{ padding: 25px; max-width: 760px; font-size: 28px; font-weight: 500; line-height: 2; } .box .anchor{ position: relative; text-decoration: none; display: inline-block; color:#123; padding: 0 1px; transition: color ease 0.3s; } .box .anchor::after{ position: absolute; content: ""; z-index: -1; width: 100%; height: 10%; bottom: 5px; left: 0; background: linear-gradient(to right, #fd5292, #f7ff05); transition: all ease 0.3s; } .anchor:hover{ color:#1d0aff; } .anchor:hover::after{height: 75%;}_

Jika sudah langsung disimpan dan dilihat di browser masing-masing, jika sudah benar maka akan terlihat efek hover pada teks yang diberi tag atau link anchor.

Apa itu hover dalam HTML?

Seperti yang telah disebutkan sebelumnya, metode hover adalah metode menurunkan drop down menu dengan hanya menggerakkan kursor pada tab menu hingga muncul beberapa sub menu yang dapat dipilih< /a> .

Arahkan kursor ke CSS untuk apa?

Salah satu yang sering digunakan adalah efek Hover pada CSS. Melayang di CSS adalah fungsi yang hanya berjalan saat kursor berada di atas objek tertentu .

Jelaskan apa yang dimaksud dengan css?

CSS sendiri adalah singkatan dari Cascading Style Sheet . Bahasa markup ini biasanya dipasangkan dengan bahasa markup seperti HTML.