Kan teman-teman pasti sudah pada tahu cara membuat menu hover yah, sekarang sudah banyak sekali yang menggunakan animasi atau efek-efek tertentu ketika objek di hover , nah pada kesempatan kali ini saya juga akan sedikit berbagi mengenai efek hover fill border .. lumayan teman-teman buat referensi , engga bakalan rugi ko kalau baca-baca bentar disini hehe

mau tau bagaimana cara membuat efek fill border ?? ikutin aja yuk disini …

 

Oke langkah awal yang harus teman-teman lakukan yaitu membuat script HTMLnya terlebih dahulu :

html

Nah jika teman-teman sudah membuat script HTMLnya , sekarang kita buat script CSSnya :

css css1 css2 css3 css4

Nah jika teman-teman sudah buat script HTML dan CSSnya , Sekarang coba lihat hasilnya di browser seperti apa, pasti seperti ini :

hasil

Coba teman-teman hover gambar facebooknya pasti dia akan berubah menjadi seperti ini :

hasil2

Gimana teman-teman hasilnya ?? lumayan kan , selamat mencoba yah dan semoga bermanfaat ..