Animasi Keren Dengan SVG

28/09/2015    Reza Indra    1659     Website

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.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More