Gulir dan Buat Animasi Halaman Anda Dengan Mudah Dengan Force.js

Animasi web lebih mudah dari sebelumnya, dengan animasi CSS3 murni menjadi norma. Tapi, JavaScript masih sangat berharga dan itu adalah salah satu dari beberapa bahasa yang dapat diandalkan untuk animasi teknis.

Itu Perpustakaan Force.js adalah skrip open-source gratis yang dibuat animasi halaman dinamis.

Anda dapat membuat animasi lompat gulir di dalam halaman itu sendiri, atau Anda dapat menghidupkan elemen di sekitar halaman. Keduanya sama-sama sederhana untuk diatur dan perpustakaan dilengkapi dengan banyak fitur.

Secara default, Force.js bergantung pada transisi CSS bila memungkinkan. Ini bekerja di semua browser modern dan kodenya jauh lebih sederhana, ditambah lagi menawarkan dukungan yang lebih luas bagi pengguna yang jangan izinkan JavaScript.

Perpustakaan menggunakan a metode fallback alami dengan kode JavaScript, jadi aman untuk peramban yang lebih tua juga.

Dan, Force.js adalah perpustakaan vanilla, jadi itu tidak memerlukan dependensi seperti jQuery. Tetapi, jika Anda menyukai jQuery, Anda dapat menjalankan sintaks tersebut di atas Angkatan dan itu akan tetap bekerja dengan baik. Sangat cocok untuk fleksibilitas dengan situs web yang berbeda.

Dua teknik animasi besar adalah melompat dan bergerak. Anda menentukan di mana elemen bergerak, seberapa cepat ia bergerak, dan jenis metode pelonggaran mana.

Perpustakaan juga punya banyak opsi khusus Anda dapat mengubah bahkan untuk kontrol yang lebih besar atas animasi. Kamu bisa edit target tautan jangkar dan siapkan yang mana yang Anda butuhkan-bahkan jika Anda menginginkan kemudahan yang berbeda pada halaman yang sama!

Semua dokumentasinya tersedia di GitHub, bersama dengan file.

Atau, jika Anda lebih suka npm / Bower, Anda bisa tarik file secara langsung seperti itu. Anda hanya perlu melakukannya termasuk satu force.js mengajukan ke header Anda dan Anda akan baik untuk pergi.

Saya juga merekomendasikan membaca sekilas dokumentasi karena penuh contoh untuk melompat() dan pindah() metode.

Mereka berdua ambil argumen untuk waktu, pelonggaran, dan posisi, jadi sangat penting untuk memahami cara kerjanya. Meskipun, setelah Anda menyelesaikannya, Anda tidak akan pernah melihat ke belakang karena ini adalah perpustakaan animasi ringan yang sempurna untuk proyek apa pun.