Kan teman-teman pasti sudah pada tahu cara membuat Button yah, sekarang sudah banyak sekali yang menggunakan animasi atau efek-efek tertentu dalam button, nah pada kesempatan kali ini saya akan sedikit berbagi mengenai bagaimana cara membuat Button menggunakan Pseudo-element  .. lumayan teman-teman buat referensi , engga bakalan rugi ko kalau baca-baca bentar disini hehe

mau tau bagaimana cara membuat Button menggunakan Pseudo-element ?? 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

gimana teman-teman hasilnya ?? lumayan kan hehe semoga bermanfaat yah dan selamat mencoba 🙂