Tatal dan Animasikan Laman Anda Mudah Dengan Force.js

Animasi web lebih mudah berbanding sebelum ini, dengan animasi tulen CSS3 menjadi norma. Tetapi, JavaScript masih sangat berharga dan ia adalah salah satu bahasa yang boleh dipercayai untuk animasi teknikal.

The Pustaka Force.js adalah skrip sumber terbuka percuma yang dibina animasi halaman dinamik.

Anda boleh membina animasi melompat lompat di dalam halaman itu sendiri, atau anda boleh menghidupkan elemen sekitar halaman. Kedua-dua adalah sama mudah untuk ditubuhkan dan perpustakaan dilengkapi dengan satu ton ciri.

Secara lalai, Force.js bergantung pada peralihan CSS bila boleh. Ini kerja dalam semua pelayar moden dan kod itu jauh lebih mudah, ditambah ia menawarkan sokongan yang lebih luas untuk pengguna yang jangan benarkan JavaScript.

Perpustakaan menggunakan a kaedah pemulihan semulajadi dengan kod JavaScript, jadi selamat untuk pelayar lama juga.

Dan, Force.js adalah perpustakaan vanila, jadi itu tidak memerlukan sebarang kebergantungan seperti jQuery. Tetapi, jika anda suka jQuery, anda boleh menjalankan sintaks itu berbanding Force dan ia akan tetap berfungsi dengan baik. Hebat untuk fleksibiliti dengan laman web yang berbeza.

Dua teknik animasi besar adalah melompat dan bergerak. Anda menentukan di mana elemen bergerak, berapa cepat ia bergerak, dan kaedah jenis pelonggaran yang mana.

Perpustakaan juga ada sekumpulan pilihan tersuai anda boleh tweak untuk kawalan yang lebih besar ke atas animasi. Awak boleh edit sasaran pautan utama dan sediakan easings yang anda perlukan-walaupun anda mahu easings yang berbeza pada halaman yang sama!

Semua dokumentasi adalah boleh didapati di GitHub, bersama-sama dengan fail.

Atau, jika anda lebih suka npm / Bower, anda boleh tarik fail secara langsung Jalan itu. Anda hanya perlu termasuk yang satu force.js fail ke dalam header anda dan anda akan baik untuk pergi.

Saya juga mengesyorkan pemotongan dokumentasi kerana ia penuh contoh untuk lompat () dan bergerak () kaedah.

Mereka berdua mengambil hujah untuk masa, pelonggaran, dan kedudukan, jadi sangat penting untuk memahami bagaimana kerja-kerja ini. Walaupun, sebaik sahaja anda mendapatkan ini, anda tidak akan melihat kembali kerana ia adalah perpustakaan animasi yang sempurna untuk mana-mana projek.