Beranda » Toolkit » Tuesday.css adalah Perpustakaan Animasi Terpanas Saat Ini

    Tuesday.css adalah Perpustakaan Animasi Terpanas Saat Ini

    Sekarang Anda seharusnya sudah terbiasa Animate.css sebagai perpustakaan animasi utama di antara desainer web.

    Tapi ada anak baru di blok bernama Selasa, dan itu mengambil animasi web dengan paksa.

    Pustaka baru ini tidak jauh berbeda dalam format atau implementasi. Tapi Selasa datang dengan beberapa animasi CSS baru bahwa Anda tidak dapat menemukan tempat lain.

    Efek-efek baru ini jauh lebih halus di alam jadi mereka benar-benar berbaur menjadi sebuah halaman dengan baik. Ini a daftar kecil efek Anda dapat memilih dari:

    • Pudar & perluas
    • Pudar & menyusut
    • Stempel ke bawah & bangkit
    • Ayunan miring
    • Jatuhkan dari kiri / kanan
    • Squash / peregangan
    • Engsel

    Jika Anda melihat daftar ini di halaman demo Anda akan melihat bahwa semua efek memiliki satu kesamaan: fisika.

    Mereka semua merasa sangat realistis dengan dasar-dasar fisika, dan mereka tampaknya mematuhi hukum gravitasi. Tidak satu pun dari animasi ini yang over-the-top atau asing. Mereka halus namun nyata dan yang lebih penting, mereka terpercaya.

    Saya pikir Selasa adalah salah satu perpustakaan animasi CSS modern terbaik karena menyajikan pandangan realistis tentang animasi web.

    Kita seharusnya tidak merancang efek antarmuka gila yang menonjol seperti jempol yang sakit. Kehalusan selalu nama permainan karena itu menciptakan rasa interaktivitas dari input pengguna apa pun apakah itu klik atau gulir.

    Masalahnya selalu menulis animasi ini dari awal dan membuatnya terlihat benar. Tapi sekarang dengan hari Selasa, kekhawatiran Anda bisa terbang keluar.

    Hanya unduh salinan dari GitHub dan Tambahkan .css file ke halaman Anda. Anda sebenarnya bisa gunakan versi CDN langsung dari GitHub jika Anda tidak ingin mengunduh apa pun secara lokal.

    Setelah ini ditambahkan ke halaman web Anda, cukup tambahkan .menghidupkan kelas bersama dengan salah satu kelas berpemilik terdaftar di repo GitHub. Kode Anda mungkin terlihat seperti ini:

     

    Ini Selasa.

    Lihatlah dokumentasi lengkap untuk melihat daftar semua kelas animasi masuk / keluar.

    Jika Anda bekerja dengan JavaScript, Anda juga bisa tambahkan kelas-kelas ini secara dinamis pada acara klik / arahkan kursor. Dengan cara ini Anda dapat menambahkan kelas animate hanya ketika pengguna mengklik tombol, yang tampaknya akan hidup pada klik.

    Ada begitu banyak yang dapat Anda lakukan dengan Selasa, dan itu benar-benar Animate.css baru untuk animasi UI pragmatis.

    Mengintip halaman demo untuk melihatnya hidup dalam aksi, dan Anda dapat belajar lebih banyak dengan membaca mereka “dalam pembuatan” pos yang berbicara tentang bagaimana tim Shakr dibuat pada hari Selasa.