Yuk, Mengucapkan Selamat Ulang Tahun atau Milad pakai HTML5. Keren.

Halo Halo, apa hari ini kamu lagi bersyukur atas umur yang diberikan Allah. Waaa selamat bagi kamu yang Milad atau berulang tahun di hari ini. Semoga umur yang lalu dan kedepannya berkah ya. Mari cari bekal sebanyak banyaknya untuk kehidupan di akhirat.

Baik, kali ini saya mau bagi bagi kodingan HTML5. Ini berfungsi untuk mengucapkan selamat ulang tahun kepada teman, istri anak, atau siapapun itu. Ini dibangun pakai HTML5, bisa offline dan online, tinggal seret file index.html ke browser kamu.

Mari kita lihat tampilannya ya:

  1. Tampilan Saat pertamakali, terdapat tombol ” Turn On Lights”, klik aja, maka lampu akan menyala.turnon light
  2. Lampu akan menyala seperti ini, terdapat tombol ” Play Music”, klik aja maka musik akan berputar
    play music
  3. Lalu muncul tombol ” Decorate”, untuk menddekorasi ruangan
    let decorate
  4. Maka akan muncul banner
    fly balloon
  5. Lalu ada tombol “Fly With Balloons”, maka balon balon akan muncul
    baloons coming
  6. Lalu tak lama lagi akan muncul kue, kamu juga bisa menyalakan lilinnya
    light canndle
  7. Lalu muncul tombol “Happy Birthday”, maka akan muncul Nama
    2017-11-11-101456_1366x768_scrot
  8. Lalu ada tombol “Message For You”, ini tombol untuk menampilan pesan
    pesan
  9. Pesan muncul dengan indah
    pesan.png

 

Nah, begitulah, coba aja, sekali kali tampil beda. Script ini bisa kamu edit dan kamu sesuaikan kebutuhan.

Download di https://github.com/ayusharma/birthday

Demo : ayusharma.github.io/birthday/

Semoga bermanfaat. Happy Code! šŸ™‚

 

 

1 comment on “Yuk, Mengucapkan Selamat Ulang Tahun atau Milad pakai HTML5. Keren.

Leave a Reply

Your email address will not be published. Required fields are marked *