Hai teman-teman, apa kabar nih ?? semoga baik-baik aja aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Efek Oval Menu Hover, nah kan sekarang udah banyak penggunaan menu yang sangat kreatif dan menarik yah.

nah disini saya akan membuat Efek Menu Hover sederhana, lumayan lah buat referensi teman-teman hehehe 🙂

Nah menu yang akan kita buat seperti gambar yang ada di bawah ini :

hasil

mau tau caranya gimana bikin efek menu hover seperti yang diatas ?? yuk ikutin aja disini nihhh..

Oke pertama-tama kita bikin HTMLnya seperti ini :

Capture

Nah jika sudah sekarang kita buat CSSnya ..

css css2 css3 css4

jika sudah selesai coba sekarang teman-teman lihat hasilnya di browser pasti akan tampil seperti ini :

hasil

Nah ketika mouse teman-teman dekatkan kemenu home maka akan seperti ini :

hasilhover

Oke mungkin untuk artikel hari ini di cukupkan , sampai ketemu di artikel selanjutnya 🙂