Desplázate y anima tu página fácilmente con Force.js
La animación web es más fácil que nunca, con animaciones CSS3 puras convirtiéndose en la norma. Pero, JavaScript sigue siendo increíblemente valioso Y es uno de los pocos lenguajes confiables para animaciones técnicas..
los Biblioteca force.js es un script gratuito de código abierto construido alrededor animaciones dinámicas de página.
Puedes construir animaciones de salto de desplazamiento. dentro de la propia pagina, o puedes animar elementos alrededor de la página. Ambos son igualmente fáciles de configurar y la biblioteca viene con una gran cantidad de características.
Por defecto, Force.js se basa en las transiciones CSS cuando sea posible. Estas Trabajar en todos los navegadores modernos. y el código es mucho más simple, además ofrece un soporte más amplio para los usuarios que no permitir JavaScript.
La biblioteca utiliza un Método de reserva natural con código JavaScript, así que también es seguro para navegadores antiguos.
Y, Force.js es una biblioteca de vainilla, por lo que no requiere ninguna dependencia como jQuery. Pero, si te encanta jQuery, puedes ejecutar esa sintaxis sobre Force y aún funcionará bien. Excelente para la versatilidad con diferentes sitios web.
Las dos grandes técnicas de animación son: saltos y se mueve. Usted determina dónde se está moviendo el elemento, qué tan rápido se mueve y sobre qué tipos de métodos de aceleración.
La biblioteca también tiene un montón de opciones personalizadas Puedes ajustar para un mayor control sobre las animaciones. Usted puede editar los objetivos de enlace de anclaje y configura las facilidades que necesitarás-Incluso si quieres diferentes servidumbres en la misma página.!
Toda la documentación es disponible en GitHub, junto con los archivos.
O, si prefieres npm / Bower puedes extraer archivos directamente de esa manera. Solo necesitas incluir el force.js expediente en tu cabecera y serás bueno para ir.
También recomiendo hojear la documentación porque está llena de ejemplos para el saltar() y movimiento() metodos.
Ambos tomar argumentos para el tiempo, flexibilización y posición, Así que es crucial entender cómo funcionan estos. Sin embargo, una vez que obtenga esto, nunca mirará atrás porque es la biblioteca de animación ligera perfecta para cualquier proyecto..
