Faites défiler et animez facilement votre page avec Force.js
L’animation Web est plus facile que jamais, avec animations CSS3 pures devenir la norme. Mais, JavaScript est toujours incroyablement précieux et c'est l'un des rares langages fiables pour les animations techniques.
le Bibliothèque Force.js est un script open-source gratuit construit autour de animations de page dynamiques.
Vous pouvez créer des animations de sauts de défilement à l'intérieur de la page elle-même, ou vous pouvez animer des éléments autour de la page. Les deux sont également simples à configurer et la bibliothèque est dotée de nombreuses fonctionnalités..
Par défaut, Force.js s'appuie sur les transitions CSS dès que possible. Celles-ci fonctionne dans tous les navigateurs modernes et le code est beaucoup plus simple, plus il offre un support plus large pour les utilisateurs qui ne pas autoriser JavaScript.
La bibliothèque utilise un méthode de secours naturel avec code JavaScript, il est donc sûr pour les anciens navigateurs.
Et Force.js est une bibliothèque vanille, donc ne nécessite aucune dépendance comme jQuery. Mais si vous aimez jQuery, vous pouvez exécuter cette syntaxe sur Force et tout fonctionnera bien. Idéal pour la polyvalence avec différents sites Web.
Les deux grandes techniques d’animation sont sauts et se déplace. Vous déterminez où l'élément se déplace, à quelle vitesse et à quels types de méthodes d'assouplissement.
La bibliothèque a aussi un tas d'options personnalisées vous pouvez modifier pour un contrôle encore plus grand sur les animations. Vous pouvez éditer les cibles du lien d'ancrage et mettre en place les assouplissements dont vous aurez besoin-même si vous voulez des assouplissements différents sur la même page!
Toute la documentation est disponible sur GitHub, avec les fichiers.
Ou, si vous préférez npm / Bower, vous pouvez extraire les fichiers directement de cette façon. Vous avez juste besoin de inclure celui force.js fichier dans votre tête et vous serez bon pour aller.
Je recommande également de parcourir la documentation car elle est pleine de exemples pour le saut() et bouge toi() les méthodes.
Les deux prendre des arguments pour le temps, l'assouplissement et la position, il est donc crucial de comprendre comment cela fonctionne. Cependant, une fois que vous aurez compris cela, vous ne regarderez plus jamais en arrière car c'est la bibliothèque d'animation légère parfaite pour tout projet..
