Menggunakan animate css

Menggunakan animate css

413
0
SHARE

Bagi anda yang menginginkan halaman web anda tampil beda dan lebih menarik, animate css merupakan pilihan yang tepat.

Apa itu animate css ? ya sesuai namanya, animate css digunakan untuk membuat animasi pada element dengan menggunakan css. Mungkin bagi anda telah familiar dengan jquery effect seperti fade, slide dll, nah animate css ini menghasilkan effect yang sama, namun tentu dengan penulisan kode yang jauh lebih sederhana.

Anda bisa melihat demo dan mendownload animate css di website resminya yaitu di sini.

Penggunaannya sangat mudah, yaitu cukup tambahkan file css serta tambahkan nama class animated dan effectnya. Berikut ini adalah contohnya :

Penggabungan dengan Jquery
Anda bisa menggabungkan animate css dengan jquery. Misalnya anda menginginkan element tersebut hilang dalam beberapa detik, anda bisa menambahkan jquery dan menuliskan javascript, sehingga kode anda menjadi seperti ini

Mudah bukan, selamat mencoba, semoga bermanfaat. Terima kasih telah berkunjung ke harviacode.com.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY