Animasi Teks HTML

Assalamualaikum wr wb

Hallo semuanya pengunjung blog ini, kembali lagi dengan saya di #SharingSession, hari ini saya akan sharing Mengenai Animasi Teks HTML, 

1.Text Berkedip

 ini digunakan agar text di HTML berkedip-kedip . contoh penulisan nya seperti ini :

<blink>text kamu</blink>

2.Text bergerak dari kanan ke kiri

 <marquee>TEXT</marquee>

  script ini digunakan untuk perilaku gerakan text/gambar dari kanan ke kiri

3.Text  bergerak dari kiri ke kanan

 <marquee direction="right">TEXT</marquee>

 script ini digunakan untuk perilaku gerakan dari kiri ke kanan

4.Text bergerak dari kanan ke kiri

<marquee behavior="alternate">TEXT</marquee>

script ini digunakan untuk perilaku gerakan text berjalan ke kiri dan ke kanan

5.Text dari atas ke bawah

<marquee direction="up">TEXT</marquee>

Kode ini digunakan untuk perilaku gerakan berjalan ke atas

6.Text dari bawah ke atas

<marquee direction="down">TEXT</marquee>

script ini digunakan untuk perilaku gerakan teks berjalan ke bawah

7.Text bergerak dari atas ke bawah

<marquee direction="up" behavior="alternate">TEXT</marquee>

Kode ini digunakan untuk perilaku gerakan berjalan ke atas dan ke bawah

8.Text zigzag

<marquee behavior="alternate" direction="up"

width="80%"><marquee direction="right">TEXT</marquee></marquee>

Kode ini digunakan untuk perilaku gerakan terbang zigzag

9.Text zigzag atas ke bawah

<marquee behavior="alternate" direction="up"

width="80%"><marquee direction="right"

behavior="alternate">TEXT</marquee></marquee>

Kode ini digunakan untuk perilaku gerakan berjalan zigzag ke atas dan ke bawah

10.Text panah

<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate"

width="10%"><<</marquee>

Kode ini digunakan untuk menampilkan tanda panah ke teks

11.Text background berwarna animasi

<font ><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

Kode ini digunakan untuk perilaku gerakan berjalan dari kanan ke kiri dengan latar belakang warna, anda bisa merubahnya dengan kode warna lain

12.Text animasi border

<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

Kode ini digunakan untuk perilaku gerakan berjalan dari kanan ke kiri dengan dikelilingi garis tepi (border)

13.Text hidden marquee

<marquee behavior="alternate"><marquee

width="150">TEXT</marquee></marquee>

Kode ini digunakan untuk perilaku gerakan berjalan dengan hanya menampilkan bagian depan textnya saja atau hidden marquee

14.Text animasi gelombang

<marquee behavior=alternate direction=up scrollamount=2

scrolldelay=65 height=80 style="Textalign;filter:wave(add=0,phase=1,

freq=1,strength=15,color=.FFFFFF)"><center>TEXT<br>TEXT</c

enter></marquee>

Kode untuk perilaku gerakan berjalan seperti gelombang ombak ke atas dan ke bawah

Itu saja sharing kita untuk saat ini nantikan #SharingSession kita selanjutnya semoga bisa bermanfaat, Terima kasih Wassalamualaikum.