halo teman-teman, apa kabarnya, semoga selalu sehat :),
disini untuk teman-teman yang sudah sedikit banyak tau tentang dunia wabsite pasti sudah familiar dengan animate.css, disini saya akan sedikit menjelaskan dan sedikit praktek tentang apa itu animate.css,
animate.css adalah library animasi CSS3 yang sudah jadi atau siap untuk digunakan, didalamnya beberapa kategori animasi mulai dari animasi untuk meminta perhatian (seeking attention) sampai animasi masuk dan keluar(in/out).

Animate.css dibuat oleh Dan Eden dimana css ini menggabungkan beberapa fitur dari CSS3 seperti animation (keyframes), transformation, dan transition, yang dimana semuanya dijadikan satu dalam class-class siap pakai, jadi ketika teman-teman ingin menambahkan animasi sederhana, kita tidak perlu repot membuatnya secara dari awal, cukup sertakan file animate.css dan tambahkan class animasi yang kita ingin gunakan, gampang kan 😀

oke kita coba praktek sekarang, teman teman bisa download dulu file animate.css nya.
caranya dengan mengcopy semua tulisan pada link yang saya berikan tadi lalu save dengan ekstensi .css
jika sudah teman teman buat sebuah file html dan ketikan script berikut :

Capture

nah jika sudah, sekarang kita hubungkan file css yang tadi kita buat dengan menggunakan tag link
teman-teman teman ketikan script berikut:

Capture1

perlu diingat peletakan filenya, disini saya meletakan file html dan css secara sejajar oleh karena itu saya langsung memanggil filee css yang tadi kita download, jika sudah teman-teman bisa save file tersebut dan jalankan pada browser.

lihat apa yang terjadi ketika halamn kita reload, akan muncul animasi pada tulisan yang telah kita beri class sesuai bawaan dari animate.css tadi,
sangat mudah kan teman-teman 🙂 sekian artikel kali ini , selamat mencoba 🙂