Cara Membuat Variasi Text Bergerak

Salah satu cara untuk menarik perhatian pada suatu kata atau kalimat dalam suatu blog atau website adalah dengan membuat variasi pada kata atau kalimat tersebut.
Diantaranya dengan menggunakan Marquee / text berjalan ( pergerakkan text dari kiri ke kanan atau kanan ke kiri, ke atas ke bawah atau sebaliknya, juga gabungan atau variasi dari keduanya).

Berikut adalah kode html untuk berbagai variasi di dalam marquee :


1• Bergerak dari kanan ke kiri
<marquee> Kie nyong bacah ndesa </marquee>
contoh akan seperti ini :

Kie nyong bacah ndesa

2• Bergerak dari kiri ke kanan
 <marquee direction="right"> Kie nyong bacah ndesa </marquee>
Contoh akan sepertio ini :

Kie nyong bacah ndesa

3• Bergerak dari kanan ke kiri dan dari kiri ke kanan
 <marquee behavior="alternate">  Kie nyong bacah ndesa MAOS </marquee>

Contohnya akan seperti ini :

Kie nyong bacah ndesa MAOS

4• Bergerak dari bawah ke atas
<marquee direction="up"> Kie nyong bacah ndesa </marquee>

Contoh Hasilnya :

Kie nyong bacah ndesa

5• Bergerak dari Atas ke Bawah

 <marquee direction="down">  Kie nyong bacah ndesa Klapa Gada   </marquee>

Contoh Hasilnya :

Kie nyong bacah ndesa Klapa Gada

6• Bergerak dari bawah ke atas  dan dari Atas ke Bawah
 <marquee behavior="alternate" direction="up">Kie nyong bacah ndesa </marquee>

Contoh Hasilnya :

Kie nyong bacah ndesa

7• Bergerak   Zigzag
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Kie nyong bacah ndesa  </marquee></marquee>  

Contoh Hasilnya :

Kie nyong bacah ndesa

8• Marquee dengan background warna

 <span style="color: white;"><marquee direction="left" style="background: RED;">Kie nyong bacah ndesa</marquee></span>

Contoh Hasilnya :

Kie nyong bacah ndesa

9• Marquee dengan Border
<marquee style="border: BLUE 2px SOLID;">Kie nyong bacah ndesa</marquee>

Contoh Hasilnya : 

Kie nyong bacah ndesa