Cara menggunakan running text html css
|
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. Show 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 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <head> <title>Cara Membuat Animasi Running Text </title> </head> <body> <div class="Running"> <div class="container"> <h2>Dumetschool Menyediakan Kursus <img src="arrow.png"> <span class="glyphicon glyphicon-forward" aria-hidden="true"></span> </h2> <h2 class="typewrite" data-period="2000" data-type='[ "Web Design.", "Web Programming.", "Mobile Apps.", "Grafik Design.", "Dan Bisa Request Tutorial." ]'> <span class="wrap"></span></h2> </div> </div> </body> </html> Oke dari HTML di atas kita akan membuat running teks terhadap elemen tag html , dimana kita nantinya akan memanfaatkan atribut dari elemen tag HTML |
