Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Animasi Running Text . Pada pembahasan kali ini kita akan belajar bagaimana caranya membuat sebuah running text untuk website. Running  text dalam sebuah website biasanya di gunakan untuk media informasi atau sebuah promosi. Pada tutorial kali ini saya tidak menggunakan running text pada fungsi CSS tapi menggunakan fungsi javasript karena lebih bagus efek yang di timbul dan lebih hidup.

Oke langsung saja kita mulai, pertama – tama kalian semua bikin terlebih dulu file HTML-nya.

Disini saya udah membuat file html-nya silahkan teman – teman ikuti, jika ada yang ingin memasang ke dalam websitenya silah teman – teman custom sendiri.

Running_text.html

Oke dari HTML di atas kita akan membuat running teks terhadap elemen tag html <h2> , dimana kita nantinya akan memanfaatkan atribut dari elemen tag HTML <h2> yaitu class typewrite untuk menampilkan sebuah teks yang ada pada data-type. Oke kalau sudah kita akan masuk pada pembuatan CSS supaya teks yang akan saya buat lebih rapi dan lebih enak di lihat.

Silahkan teman – teman lihat script CSS di bawah ini;

Oke kalau sudah silahkan teman – teman lanjut pada pembuatan animasi running teks, Di bawah ini saya sudah menyedaiakan script javascript untuk membuat animasi running teks. Silahkan teman – teman ikuti.

Oke kalau sudah silahkan teman – teman save dan jalan browsernya, untuk melihat hasilnya silahkan teman – teman klik Demo, Oke itulah tadi pembahasan saya tentang Cara Membuat Animasi Running Text , semoga bermanfaat.