Hallo teman-teman, dihari yang cerah dan bahagia ini semoga teman-teman masih diberikan nikmat dan kesehatan dalam mencari ilmu.oke teman-teman pada kesempatan kali ini saya akan membahas tentang cara Membuat Animasi Lampu Neon dengan HTML dan CSS.

Jadi nanti didalam browser atau sebuah website ada effect animasi seperti lampu neon yang sedang menyala. Bagaimana ? penasaran ya ?

Oke langsung saja kita mulai Membuat Animasi Lampu Neon dengan HTML dan CSS. Pertama-tama seperti biasa siapkan text-editornya kemudian ketik script HTML dibawah ini :

Jika sudah simpan file htmlnya, kemudian langkah selanjutnya teman-teman ketik script CSS nya seperti dibawah ini :

Jika sudah dengan CSS nya teman-teman simpan file CSS nya, kemudian jika teman-teman menggunakan CSS external maka teman-teman harus menghubungkan antara file htmlnya dengan file cssnya.

Jika menggunakan CSS internal maka teman-teman bisa langsung dapat menjalankan/run dibrowser yang teman-teman gunakan, jika berhasil maka hasilnya akan seperti pada gambar dibawah ini :

membuat-animasi-lampu-neon-dengan-html-dan-css

Jika hasilnya sudah seperti pada gambar diatas maka teman-teman dinyatakan telah berhasil dalam Membuat Animasi Lampu Neon dengan HTML dan CSS.

Cukup mudah bukan ? sudah tidak penasaran lagi ya hehe. Oke cukup sekian pembahasan kali ini dalam cara Membuat Animasi Lampu Neon dengan HTML dan CSS. Semoga dapat bermanfaat untuk mendesign website teman-teman.

Sampai bertemu di pembahasan selanjutnya.

Terimakasih