Hai teman-teman, apa kabar nih ?? semoga baik-baik aja aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Efek Kreatif 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 :

hasil2

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

Oke pertama-tama kita bikin HTMLnya seperti ini :

html

Nah jika sudah sekarang kita buat CSSnya ..

css css2 css3

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

hasil1

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

hasil2

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