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:
1 |
<div class="dropdown is-hoverable"> |
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:
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.