0 Cara Membuat Animasi Teks

Cara membuat animasi Teks ataupun animasi gambar, 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 animase Teks yang menggunakan efek marquee. untuk anda yang berminat,silahkan anda copy kodenya kemudian anda paste ke gadget html anda. untuk keterangan  lebih lanjut mengenai  fungsi dari komponen atau attribut yang bisa membuat object teks ataupun gambar tersebut bergerak, silahkan anda baca postingan saya sebelumnya. silahkan anda klik disini.

Teks Berjalan Bolak Balik dari Kiri -  Kanan

Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee behavior="alternate" direction="right" scrollamount="5" scrolldelay="10" >Wellcome To My Blog</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung

Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee behavior="scroll" direction="left" scrollamount="5" scrolldelay="10" >Wellcome To My Blog</marquee>

Teks Berjalan dari kanan kekiri 10 kali

Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee behavior="slide" bgcolor="" direction="left" loop="10" scrollamount="5" scrolldelay="10">Wellcome To My Blog</marquee>

Teks Berjalan dengan efeks Bounce atau ZIG ZAG

Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" ><marquee behavior="alternate" direction="left" scrollamount="5" scrolldelay="10">Wellcome To My Blog</marquee>

Teks Berjalan Berjalan Bolak balik dari bawah ke atas

Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Wellcome To My Blog</marquee>

Teks Berjalan Berjalan dari bawah ke atas secara bersambung

Wellcome To My Blog

Wellcome To My Blog

Wellcome To My Blog

Wellcome To My Blog


Wellcome To My Blog

Wellcome To My Blog

Wellcome To My Blog

Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee behavior="scroll" direction="up" style="text-align: center;" crollamount="5" scrolldelay="10" >Wellcome To My Blog</marquee>

Teks Berjalan Berpencar

Wellcome To My Blog Wellcome To My BlogWellcome To My Blog Wellcome To My Blog

Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks "Wellcome To My Blog" sesuai dengan yang anda inginkan.

<marquee direction="Up" style="text-align: center;">Wellcome To My Blog</marquee> <marquee direction="Left" style="text-align: center;">Wellcome To My Blog</marquee><marquee direction="right" style="text-align: center;">Wellcome To My Blog</marquee> <marquee direction="down" style="text-align: center;">Wellcome To My Blog</marquee>

Selamat mencoba dan semoga bermanfaat. Salam blogger mania.