css-logoHallo teman-teman, apa kabarnya ? Semoga baik-baik saja yah, amin.

Pada kesempatan kali ini saya akan berbagi artikel mengenai cara membuat pop up dengan CSS3, teman-teman pasti sudah tau pop up itu seperti apa, bahkan mungkin sudah sering kita jumpai ketika kita sedang search, nah kali ini saya akan coba membuatnya, bagi teman-teman yang ingin tau cara membuatnya langsung saja yuk kita praktikan.

Seperti biasa silahkan teman-teman buka dulu text editornya masing-masing, setelah itu kita akan membuat script HTML, coba ketikan script berikut:

html

Kalo sudah, kitalanjutkan lagi untuk script CSSnya, silahkan ketikan script berikut pada file CSS:

css1

lanjutkan lagi scriptnya:

css2

ketikan lagi untuk script terakhir 🙂

css3

Nah, kalo sudah selesai coba teman-teman buka di browsernya masing-masing dan lihat hasilnya.

Gimana teman-teman lumayan kerenkan pop up nya, baiklah sampai disini pertemuan kita, semoga artikel ini bisa bermanfaat, amin. Sampai ketemu dilain kesempatan 🙂