Hallo teman teman dumet school pada kesempatan kali ini saya akan menjelaskan cara membuat menu dengan sedikit animasi gerak pada menu tersebut saat nanti kita hover , oke langsung saja , pertama kita buat dahulu kerangka nya dengan HTML5 :

Capture

Oke kita telah membuat kerangkanya dengan ul li , menu yang akan kita buat kali ini yaitu menu yang berposisikan vertikal , untuk mempercantik nya kita sekarang gunakan css , ini caranya :

Capture2

Okee maka hasilnya akan sempurna , sedikit penjelasan , pada saat hover maka menu yang kita pilih ukuran width nya akan membersar tetapi secara pelan dan memakai timing , nah disitu kita memakai fungsi dari transition , disitu kita bisa tentukan timingnya saya disana memakai timing 0.7 second , oke semoga bermanfaat 🙂