Превъртете и Анимирайте страницата си лесно с Force.js

Уеб анимацията е по-лесна от всякога, с чисти CSS3 анимации става норма. Но, JavaScript все още е изключително ценен и това е един от малкото надеждни езици за технически анимации.

Най- Библиотека Force.js е безплатен скрипт с отворен код динамични анимации на страници.

Можете да създадете анимации за превъртане на скокове в самата страница, или можете да анимирате елементи около страницата. И двете са еднакво лесни за настройка и библиотеката идва с много функции.

По подразбиране, Force.js разчита на CSS преходи когато е възможно. тези работа във всички съвременни браузъри и кодът е много по-прост, плюс предлага по-широка подкрепа за потребителите, които не разрешавайте JavaScript.

Библиотеката използва a естествен резервен метод с JavaScript код, така че е безопасно и за по-старите браузъри.

И Force.js е ванилна библиотека, така че не изисква никакви зависимости като jQuery. Но, ако обичате jQuery, можете да изпълните този синтаксис над Force и той ще работи добре. Чудесно за гъвкавост с различни уебсайтове.

Двете големи анимационни техники са скокове и ходове. Вие определяте къде се движи елементът, колко бързо се движи и какви методи за облекчаване.

Библиотеката също има куп персонализирани опции Можете да настроите още по-голям контрол над анимациите. Можеш редактирайте целите на свързващата връзка и задайте кои улеснения ще са ви необходими-дори и да искате различни улеснения на една и съща страница!

Цялата документация е на разположение в GitHub, заедно с файловете.

Или, ако предпочитате npm / Bower, можете изтегляйте файловете директно по този начин. Просто трябва включи един force.js досие в заглавието си и ще бъде добре да тръгваш.

Също така препоръчвам да се премахне документацията, защото е пълна примери за скок () и ход() методи.

Те двамата вземете аргументи за време, облекчаване и позиция, така че е от решаващо значение да се разбере как те работят. Въпреки че, след като веднъж се спуснете, никога няма да погледнете назад, защото това е идеалната лека библиотека за анимации за всеки проект.