Sebelum memulai tips dan trick kali ini teman-teman terlebih dahulu baca pembahasan tentang Cara Membuat Dropdown Menu Menggunakan Bulma pada artikel saya sebelumnya. Kalau sudah membaca artikel saya sebelumnya maka teman-teman bisa melanjutkan membaca tips dan trick dari saya kali ini tentang Menambahkan Efek Hover pada Dropdown di Bulma.

Pada calss dropdown terdapat dua komponen untuk memodifikasi dropdown-nya yaitu class is-hoverable dan class is-active. Nah, pada tips dan trick kali ini saya akan mencoba Menambahkan Efek Hover pada Dropdown di Bulma:

1. Pertama

Buka file html yang telah teman-teman buat pada artikel sebelumnya tentang Cara Membuat Dropdown Menu Menggunakan Bulma.

2. Kedua

Lalu tambahkan class is-hoverable pada tag div yang terdapat calss dropdown saja:

Coba teman-teman buka di browser teman-teman maka tampilannya lalu teman-teman arahkan kursor pada button dropdownnya maka efek dari class hoverable akan berjalan:

Menambahkan Efek Hover pada Dropdown di Bulma

Class dropdown adalah class yang memudahkan kita mebuat dropdown menu. Dengan bulma kita dapat dengan mudah memodifikasi dropdown menu tentunya dengan class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mudahkan Menambahkan Efek Hover pada Dropdown di Bulma.

Sekian pembahasan kali ini tentang Menambahkan Efek Hover pada Dropdown di Bulma. Semoga bermanfaat.