Animasi Keren Dengan SVG

SVG (Scalable Vector Graphics) merupakan format file baru yang dapat digunakan untuk menampilkan grafik dalam pengembangan web yang berbasis XML. Tepatnya SVG ini digunakan sebagai pengganti HTML dan CSS dalam membuat pola yang dirasa masih sangat terbatas. Dengan SVG kita bisa membuat bentuk objek yang lebih bebas. Namun, untuk membuat animasi kita juga perlu menggunakan bahasa pemrograman script khusus yakni Javascript. Maka dengan perpaduan HTML, CSS, SVG dan Javascript jadilah animasi-animasi yang sangat keren.

Berikut adalah contoh animasi keren dengan menggunakan SVG.

See the Pen SVG Animation by Sean McCaffery (@seanmccaffery) on CodePen.

See the Pen SVG Animated Image with linearGradient by Patrick Young (@ISOgenesis) on CodePen.

See the Pen SVG Heart Animation with CSS by Nikolay Talanov (@suez) on CodePen.

See the Pen SVG Animation by jjperezaguinaga (@jjperezaguinaga) on CodePen.

See the Pen SVG Clock by Mohamad Mohebifar (@mohebifar) on CodePen.