CSS Jahat - Perpustakaan Animasi Baru dan Panas di Pure CSS3

Berkat CSS3 Anda dapat membuat beberapa animasi gila di web. Ini bisa bekerja di semua browser dan elemen halaman untuk mengontrol item navigasi, dropdown, tab, beri nama saja.

Bahkan Anda bahkan dapat membuat kode ini secara dinamis menggunakan alat animasi. Tetapi itu sangat terbatas dibandingkan dengan perpustakaan animasi yang lengkap.

CSS jahat adalah perpustakaan terbaru dari jenisnya. Ini mengingatkan saya pada awal Animate.css yang cukup sederhana dan sederhana, namun dapat digunakan di hampir semua situs web.

Mengintip di beranda untuk demo langsung bersama dengan daftar semua animasi yang didukung. Saat menulis artikel ini saya menghitung 24 total gaya animasi dari slide ke rotasi dan efek berdenyut / memantul.

Banyak dari animasi ini adalah fitur satu kali yang digunakan untuk membawa elemen ke dalam tampilan (atau tidak terlihat). Ini berguna untuk halaman dengan animasi scroll-to-view yang menargetkan elemen halaman tertentu.

Tapi kamu juga bisa gunakan ini untuk menampilkan (atau menyembunyikan) item halaman tambahan seperti menu dropdown, bilah pencarian, formulir pendaftaran tersembunyi atau apa pun. Berikut daftar kecil animasi yang bisa Anda pilih:

Menggoyang
Memperbesar / memperkecil
Geser ke atas / bawah
Fade in / out
Bergulir masuk / keluar
Memantul dan meletus
Rotasi melingkar masuk / keluar

Semua gaya animasi ini dirancang untuk satu penggunaan tunggal. Mereka dapat dipanggil beberapa kali per halaman dan per elemen, tetapi ini bukan animasi yang berulang.

Alih-alih, Anda akan menggunakannya berdasarkan efek klik, arahkan, atau geser pengguna. Mereka juga dapat digunakan pada tombol CTA untuk efek berdenyut / berdenyut, tetapi itu membutuhkan fungsi pengaturan waktu JavaScript.

Lihatlah halaman contoh untuk pratinjau langsung dan beberapa detail lainnya. Anda juga akan menemukan dokumentasi lengkap di situs utama bersama dengan repo GitHub.

Wicked CSS adalah perpustakaan yang lebih baru sehingga belum memiliki banyak pengikut. Tetapi perpustakaan itu stabil dan kemungkinan akan ada selama bertahun-tahun yang akan datang.