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 :
Nah jika teman-teman sudah membuat script HTMLnya , sekarang kita buat script CSSnya :
Nah jika teman-teman sudah buat script HTML dan CSSnya , Sekarang coba lihat hasilnya di browser seperti apa, pasti seperti ini :
Coba teman-teman hover gambar facebooknya pasti dia akan berubah menjadi seperti ini :
Gimana teman-teman hasilnya ?? lumayan kan , selamat mencoba yah dan semoga bermanfaat ..