Halo, ketemu lagi dengan saya, pada kesempatan kali ini saya akan berbagi tutorial mengenai Kreasi Modal Pop Up Dengan Javascript Dan CSS3, mungkin kalian sudah tidak asing lagi yah dengan yang namanya pop up, apalagi bagi kalian yang sering internetan kadang kala pop up muncul dengan sendiri nya, nah kali ini saya akan buat pop up dengan Javascript dan CSS3. berikut langkah-langkah nya.

Baik, langsung saja silahkan kalian buka teks editor nya masing-masing, kemudian kita akan buat struktur kode HTML seperti berikut.

Untuk paragraf, bisa kalian isikan sendiri, boleh bebas untuk isian modal pop up nya. Kemudian selanjutnya kita akan desai dulu tampilan pop up nya dengan kode CSS3 berikut.

Kode diatas bisa kalian kreasikan warna nya menjadi lebih berwarna, atau pun yang lainnya, Nah selanjutnya kita akan buat fungsi tombol Modal Pop up, dimana ketika kita klik tombol tersebut maka akan muncul Pop up nya, berikut kode Javascript nya.

Kalo sudah semua diketikan, silahkan kalian simpan terlebih dahulu, kemudian coba jalankan dibrowser masing-masing dan lihat hasilnya, jika kita klik tombol Click here maka akan muncul modal pop up nya.

Baik sekian dulu tutorial mengenai Kreasi Modal Pop Up Dengan Javascript Dan CSS3, semoga bermanfaat, amin.

Selamat mencoba 🙂