Membuat Effect Animasi Pada Menu Dengan CSS3

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat effect animasi pada tampilan menu dengan CSS3. Menu di dalam sebuah website adalah bagian paling penting yang harus kita perhatikan, karena di bagian menu ini lah user atau pengunjung website akan banyak berinteraksi dengan website kita. Nah pada kesempatan kali ini kita akan mempercantik tampilan menu dengan sedikit effect animasi. Untuk effect menu ini sudah dapat berjalan di semua browser kecuali browser Internet Explorer. Baik kita akan langsung praktekkan saja ya teman-teman.

Hal pertama yang perlu kalian siapkan adalah, kalian bisa buat satu file HTML dengan nama index.html, dan tuliskan struktur HTML nya di bawah ini.

Kemudian untuk CSS nya seperti di bawah ini.

Nah berikut adalah hasilnya.

Untuk teman-teman yang ingin mendownload keseluruhan baris program di atas teman-teman bisa mendownloadnya di link di bawah ini.

Download