Penggunaan Animasi Pada Library Animate.css

Library Animate.css adalah sebuah file yang berformat .css dimana berisi kode-kode yang dapat membuat sebuah efek animasi tertentu dengan selector class yang sudah ditentukan. Dengan file css ini temen temen tidak perlu menulis kode-kode CSS sendiri untuk membuat animasi karena dalam file tersebut sudah ada sekitar 68 efek animasi siap pakai. Animate.css ini merupakan sebuah project open source dari github yang dikembangkan pertama kali oleh Daniel Eden. Baiklah kita langsung membuatnya pertama-tama temen temen download terlebih dahulu file animate.cssnya

http://daneden.github.io/animate.css/

Kemudian kita akan hubungkan file css tersebut dengan file HTML nya dengan menggunakan tag <link> seperti yang sudah kita ketahui.

untuk menambahkan efek-efek animasi tertentu pada elemen yang diinginkan. Temen temen harus menambahkan attribute class pada elemen html tersebut. Untuk lebih jelasnya lihat gambar berikut

Pada contoh ini saya akan membuat gambar tesebut memiliki animasi pulse sebagai berikut temen temen boleh mencoba untuk animasi yang lainnya.

dan jika temen temen mau animasi itu terus berjalan temen temen hanya menambahkan class infinite pada elemen gambar tersebut.

Sekian artikel kali ini . Semoga Bermanfaat.