Cara Membuat Animasi Teks Berjalan / Bergerak

Cara Membuat Animasi Teks Berjalan / Bergerak

Dalam postingan kali ini saya mencoba memberikan tips tentang Cara membuat animasi teks yang bergerak. Teks berjalan caranya juga engga terlalu rumit qo , kita hanya perlu memahami mengenai  fungsi dari kode-kode yang bisa membuat object tersebut bergerak.seperti marquee, behavior,scroll amount dan lain sebagainya.

Dibawah ini adalah beberapa contoh Animasi Teks yang menggunakan efek marquee. untuk anda yang berminat,silahkan anda copy kodenya kemudian anda paste ke gadget html anda.
Teks Berjalan Bolak Balik dari Kiri - kanan

tips komputer sederhana

<marquee behavior="alternate" direction="right"
scrollamount="5" scrolldelay="10" >tips komputer sederhana</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung

tips komputer sederhana

<marquee behavior="scroll" direction="left" scrollamount="5"
scrolldelay="10" >tips komputer sederhana</marquee>

Teks Berjalan dari kanan kekiri 10 kali

tips komputer sederhana

<marquee behavior="slide" bgcolor="" direction="left"
loop="10" scrollamount="5" scrolldelay="10">tips kompueter sederhana</marquee>

Teks Berjalan dengan efeks Bounce atau ZIG ZAG

tips

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10"
>Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Berjalan Bolak balik dari bawah ke atas

Ilmu Itu Murah Maka Amalkanlah

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Ilmu
Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Berjalan dari bawah ke atas secara bersambung

Ilmu Itu Murah Maka Amalkanlah

<marquee behavior="scroll" direction="up"
style="text-align: center;" crollamount="5" scrolldelay="10" >Ilmu Itu Murah
Maka Amalkanlah</marquee>

Teks Berjalan Berpencar
tips komputer sederhana tips komputer sederhana tips komputer sederhana tips komputer sederhana

<marquee direction="Up" style="text-align: center;">tips komputer sederhana</marquee> <marquee direction="Left"
style="text-align: center;">tips komputer sederhana</marquee><marquee
direction="right" style="text-align: center;">tips komputer sederhana</marquee>
<marquee direction="down" style="text-align: center;">tips komputer sederhana</marquee>

*Keterangan :
  Ganti Tulisan "tips komputer sederhana" dengan Kalimat Yang anda inginkan

Baca Juga Artikel Terkait