Membuat infographic interactive menggunakan SVG CSS.

Membuat infographic interactive menggunakan SVG CSS. Latihan berikut ini merupakan lanjutan ulasan saya sebelumnya mengenai Membuat efect animasi pada border, mengapa saya katakan lanjutan...?, kerena masih ada hubungannya pada latihan ini yaitu mengenai penggunaan SVG. SVG adalah singkatan dari Scalable Vector Graphics, format ini tidak sama dengan file format PNG, JPG atau GIF, grafis vektor yang terkandung dalam file SVG benar-benar scalable untuk berbagai ukuran dan akan ditampilkan di setiap resolusi atau layar kerapatan tanpa kehilangan kualitas satu apapun. Dalam banyak kasus, file SVG juga akan jauh lebih kecil dalam ukuran file dan proses downloadnya lebih cepat. Berikut untuk screen shoot hasil latihan kali ini :

DemoDownload Source

Untuk demonya silahkan click tombol demo di atas kemudian silahkan download sourchnya, o ya adapun halaman demo tutorial design ini saya hosting di google drive, jika tertarik untuk meng-host file blog Anda di google drive silahkan lihat artikel saya sebelumnya pada artikel Hosting gratis di google drive, bagi sobat yang juga berminat untuk membuat halaman demo tutorialnya di Google Drive insyaallah akan saya bahas pada ulasan berikutnya. Akhirkata demikian saja mengenai Membuat infographic interactive menggunakan SVG CSS, silahkan beri komentar Anda mengenai ulasan ini, dan share keteman Anda jika artikel ini menarik.

Sumber referensi : Interactive Infographic

Share this: