Головна » Інструментарій » Прокрутіть та анімації сторінки легко з Force.js

    Прокрутіть та анімації сторінки легко з Force.js

    Веб-анімація простіше, ніж будь-коли раніше чисті анімації CSS3 стає нормою. Але, JavaScript як і раніше неймовірно цінний і це один з небагатьох надійних мов для технічних анімацій.

    The Бібліотека Force.js це безкоштовний сценарій з відкритим вихідним кодом динамічні анімації сторінок.

    Ви можете створювати анімації стрибків на самій сторінці, або ви можете анімувати елементи навколо сторінки. Обидва вони настільки ж прості в налаштуванні, і бібліотека поставляється з великою кількістю функцій.

    За замовчуванням, Force.js залежить від переходів CSS коли можливо. Це працювати у всіх сучасних браузерах і код набагато простіший, плюс він пропонує більш широку підтримку для користувачів, які не дозволяти JavaScript.

    Бібліотека використовує a природний запасний метод з кодом JavaScript, таким чином, це також безпечно для старих браузерів.

    І, Force.js - це ванільна бібліотека, тому вона не вимагає залежностей наприклад jQuery. Але, якщо ви любите jQuery, ви можете запустити цей синтаксис над Force, і він все одно буде працювати нормально. Відмінно підходить для універсальності з різними сайтами.

    Дві великі методи анімації стрибки і рухається. Ви визначаєте, куди рухається елемент, як швидко він рухається, і які типи методів ослаблення.

    Бібліотека також має купу користувальницьких опцій Ви можете налаштувати для ще більшого контролю над анімацією. Ти можеш відредагуйте цілі прив'язки і налаштуйте, які зрушення вам знадобляться-навіть якщо ви хочете, щоб на одній сторінці були різні варіанти!

    Вся документація є доступні на GitHub, разом з файлами.

    Або, якщо ви віддаєте перевагу npm / Bower, ви можете витягуйте файли безпосередньо цей шлях. Вам просто потрібно включити одну force.js файл у ваш заголовок, і ви будете добре йти.

    Я також рекомендую скасувати документацію, тому що вона повна приклади для стрибок () і перемістити () методів.

    Обидва приймати аргументи за час, ослаблення і позицію, тому дуже важливо зрозуміти, як це працює. Хоча, як тільки ви отримаєте це вниз, ви ніколи не будете озиратися назад, тому що це ідеальна легка бібліотека анімації для будь-якого проекту.