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.

28 September 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat