Hai teman-teman, apa kabar nih ?? semoga baik-baik aja aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Efek Menu Hover.

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

 

 

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 :

html1 html2

Nah jika sudah sekarang kita bikin CSSnya ..

css1 css2 css3 css4 css5

jika sudah selesai membuat HTM dan CSSnya, sekarang kita koneksikan  CSS dan HTMLnya , seperti gambar di bawah ini :

html3

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

hasil2

Gimana teman-teman hasilnya lumayan kan ?? oke mungkin untuk artikel sekarang saya cukupkan , semoga bermanfaat sampai ketemu di artikel berikutnya 🙂 Semangat teruss yah menjalani hidup ini ..