velocity.js es un motor de animaciones javascript (que se puede utilizar junto a jQuery) para optimizar y acelerar la velocidad de animaciones, minimizando la consulta del DOM. Como resultado, se obtiene un rendimiento mucho mejor en comparación con el uso del método animate() de jQuery.
Para usar velocity tienes que insertar su js después de tu librería jquery, por ejemplo:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//cdn.jsdelivr.net/velocity/1.1.0/velocity.min.js"></script>
Para verlo mejor, un ejemplo simple de cada uno.
Animación con jQuery
$('#test').animate({ left: '+=100' }, 1000);
See the Pen Animate Jquery by Jorge Maiden (@jorgemaiden) on CodePen.
Animación con velocity.js
$('#test').velocity({ left: '+=100' }, 1000);
See the Pen Animate velocity.js by Jorge Maiden (@jorgemaiden) on CodePen.
Agradezco tu comentario 🤘