Hai teman-teman, apa kabar nih ?? semoga baik-baik aja yah aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Teks Animasi Pola Stroke Yang Putus-Putus Menggunakan SVG,

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 CSS untuk efek teks Stroke Yang Terputus-putus  ,

Capture

Capture1

Capture2

Nah jika sudah selesai CSSnya , Sekarang kita membuat Coding SVGnya :

Capture3

Nah Script yg di atas bisa kita letakan di dalam tag body ..

Jika teman-teman lihat hasilnya maka akan seperti ini :

Capture4

Garis Strokenya akan bergerak dan berganti-ganti warna , oke mungkin untuk artikel hari ini di cukupkan , selamat mencoba dan semoga bermanfaat sampai ketemu di artikel selanjutnya 😀