Hallo sahabat Dumetschool, bagaimana kabarnya ? semoga dalam keadaan baik serta selalu semangat. Dalam kesempatan kali ini saya akan membuat sebuah Icon Menu yang bisa bertransformasi ini bahasa anak zaman now, atau biasa kita temuin tentang animasi. Jadi Icon menu disini akan dibuat menggunakan HTML CSS lalu ditambahkan code Javascript. Bagaimana cara membuatnya ,coba ikutin langkah-langkah pembuatannya.Langkah pembuatannya yang perlu pertama siapakan file html untuk struktur desiannya seperti dibawah ini :

Jadi dalam file HTML hanya menggunakan beberapa span , selanjutnya tambahkan juga style CSS agar terlihat menarik tampilannya silahkan ketikkan code CSS berikut:

JIka sudah sahabat jangan lupa sisipkan link library JQuery serta code dari javascript dibawah ini :

sekarang simpan semua code diatas lalu jalankan pada browser masing-masing apakah sudah benar tampilannya.

Apabila benar coba klik pada tampilan Icon menuĀ maka tampilannya akan berubah seperti gambar berikut :

Membuat Transformasi Icon Menu Dengan Javascript

Demikian pembahasan artikel kali ini semoga bermanfaat dan sampai jumpa dengan pembahasan lainya.

terima kasih