Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Pada tutorial kali ini saya akan mencoba membagi Cara Membuat Efek Hover Pada Menu Menggunakan CSS3.

Sering kali kita ingin memberi efek-efek pada website kita agar terlihat lebih bagus. Seperti membuat efek hover.

Nah, sekarang saya akan mencoba membuat efek hover pada menu menggunakan css3.

Sekarang saya akan memberikan trick Cara Membuat Efek Hover Pada Menu Menggunakan CSS3. berikut langkah-langkahnya:

– Pertama teman-teman buat struktur dasar HTML-nya dulu:

Jangan lupa save dengan nama index.html

– Kedua teman-teman ketikan kode CSS3 di bawah ini:

– Hasilnya akan menjadi seperti ini.

cara-membuat-efek-hover-pada-menu-menggunakan-css3-1

– Pada saat di hover maka efek yang kita berikan akan memberikan border atas dan bawah pada menu yang kita tunjuk oleh kursor seperti gambar di bawah ini :

cara-membuat-efek-hover-pada-menu-menggunakan-css3-2

Bagaimana teman-teman mudahkan Cara Membuat Efek Hover Pada Menu Menggunakan CSS3.  

Sekian tutorial saya untuk kali ini. Sehat selalu ya teman-teman, selamat mencoba.