Cara Membuat Animasi Teks Berjalan / Bergerak

Dalam postingan kali ini saya mencoba berikan tips tentang Cara membuat animasi teks yang bergerak. Teks berjalan caranya tidaklah begitu rumit, 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

Hidup harus selalu semangat

<marquee behavior="alternate" direction="right"
scrollamount="5" scrolldelay="10" >Hidup harus selalu semangat</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung
Awali Hidup dengan senyuman

<marquee behavior="scroll" direction="left" scrollamount="5"
scrolldelay="10" >Awali Hidup dengan senyuman </marquee>

Teks Berjalan dari kanan kekiri 10 kali
Dalam menjalani Hidup harus selalu semangat

<marquee behavior="slide" bgcolor="" direction="left"
loop="10" scrollamount="5" scrolldelay="10">Dalam menjalani Hidup harus selalu semangat</marquee>

Teks Berjalan dengan efeks Bounce atau ZIG ZAG

Awali Hidup dengan senyuman

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10"
>Awali Hidup dengan senyuman </marquee>

Teks Berjalan Berjalan Bolak balik dari bawah ke atas

Awali Hidup dengan senyuman

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Awali Hidup dengan senyuman </marquee>

Teks Berjalan Berjalan dari bawah ke atas secara bersambung

Hidup harus selalu semangat

<marquee behavior="scroll" direction="up"
style="text-align: center;" scrollamount="5" scrolldelay="10" >Hidup harus selalu semangat</marquee>

Teks Berjalan Berpencar
Dalam menjalani Hidup harus selalu semangat

Awali Hidup dengan senyuman

<marquee direction="Up" style="text-align: center;">Dalam menjalani Hidup harus selalu semangat</marquee> <marquee direction="Left"
style="text-align: center;">Awali Hidup dengan senyuman </marquee><marquee
direction="right" style="text-align: center;">Dalam menjalani Hidup harus selalu semangat</marquee>
<marquee direction="down" style="text-align: center;">Awali Hidup dengan senyuman </marquee>

Selamat Mencoba