Dalam era  komputasi, mouseover, mouse hover atau hover box adalah elemen kontrol grafis yang diaktifkan saat pengguna bergerak atau “melayang” pointer di atas area pemicunya atau targetnya, biasanya dengan mouse, tapi juga mungkin menggunakan pena digital. Elemen kontrol grafis sangat umum dilakukan di browser web tempat URL hyperlink dapat dilihat . Perancang situs dapat dengan mudah menentukan event mouseover mereka sendiri menggunakan JavaScript   atau Cascading Style Sheets. Dalam kasus beberapa lapisan, event pengangkat mouse akan dipicu oleh lapisan paling atas.

Acara mouseover tidak terbatas pada desain web dan biasanya digunakan dalam pemrograman GUI modern. Keberadaan mereka bahkan mungkin tidak diketahui pengguna karena acara tersebut dapat digunakan untuk memanggil fungsi apa pun dan mungkin hanya mempengaruhi cara kerja internal program.

Dalam kasus kali ini saya akan membuat sebuah efek hover dari sebuah element HTML kelas kotak, Oke Untuk lebih jelasnya silahkan simak langsung contoh di bawah ini.

kita akan membuat element HTML-nya terlebih dahulu:

Oke sekarang kita akan membuat sebuah CSS dari element – element HTML di atas, Silahakan ikuti langkah – langkah di bawah ini:

 

Oke untuk melihat hasilnya silahkan teman – teman buka dibrowsernya.