Прокрутіть та анімації сторінки легко з Force.js
Веб-анімація простіше, ніж будь-коли раніше чисті анімації CSS3 стає нормою. Але, JavaScript як і раніше неймовірно цінний і це один з небагатьох надійних мов для технічних анімацій.
The Бібліотека Force.js це безкоштовний сценарій з відкритим вихідним кодом динамічні анімації сторінок.
Ви можете створювати анімації стрибків на самій сторінці, або ви можете анімувати елементи навколо сторінки. Обидва вони настільки ж прості в налаштуванні, і бібліотека поставляється з великою кількістю функцій.
За замовчуванням, Force.js залежить від переходів CSS коли можливо. Це працювати у всіх сучасних браузерах і код набагато простіший, плюс він пропонує більш широку підтримку для користувачів, які не дозволяти JavaScript.
Бібліотека використовує a природний запасний метод з кодом JavaScript, таким чином, це також безпечно для старих браузерів.
І, Force.js - це ванільна бібліотека, тому вона не вимагає залежностей наприклад jQuery. Але, якщо ви любите jQuery, ви можете запустити цей синтаксис над Force, і він все одно буде працювати нормально. Відмінно підходить для універсальності з різними сайтами.
Дві великі методи анімації стрибки і рухається. Ви визначаєте, куди рухається елемент, як швидко він рухається, і які типи методів ослаблення.
Бібліотека також має купу користувальницьких опцій Ви можете налаштувати для ще більшого контролю над анімацією. Ти можеш відредагуйте цілі прив'язки і налаштуйте, які зрушення вам знадобляться-навіть якщо ви хочете, щоб на одній сторінці були різні варіанти!
Вся документація є доступні на GitHub, разом з файлами.
Або, якщо ви віддаєте перевагу npm / Bower, ви можете витягуйте файли безпосередньо цей шлях. Вам просто потрібно включити одну force.js
файл у ваш заголовок, і ви будете добре йти.
Я також рекомендую скасувати документацію, тому що вона повна приклади для стрибок ()
і перемістити ()
методів.
Обидва приймати аргументи за час, ослаблення і позицію, тому дуже важливо зрозуміти, як це працює. Хоча, як тільки ви отримаєте це вниз, ви ніколи не будете озиратися назад, тому що це ідеальна легка бібліотека анімації для будь-якого проекту.