Hallo teman-teman, apa kabar nih ?? semoga baik-baik aja yah aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Animasi Text Pelangi Menggunakan SVG, Nah animasi ini text nya bisa berganti-ganti warna seperti pelangi .

jikalau teman-teman sedang mencari animasi teks, mending kita intip dulu yuk disini , lumayan buat nambah-nambah pengetahuan hehe 🙂

Oke pertama-tama kita akan membuat CSSnya ,

Capture2 Capture3 Capture4 Capture5 Capture25 Capture45 Capture75 move25 move45 move75 Capture100

nah script yang @keyframe itu berfungsi untuk membuat animasi berwarna-warni ..

jika sudah sekarang kita buat SVGnya dan HTMLnya ..

Capture Capture1

Nah script yang SVGnya di letakan di dalam Tag body ..

jika teman-teman lihat di browser maka hasilnya akan seperti ini :

1001

Nah Warna yang di dalam tulisan akan berganti-ganti secara otomatis , oke mungkin untuk artikel sekarang saya cukupkan , semoga bermanfaat yah semangat 45 🙂