Have you used Velocity.js for your animation projects?
It is designed to make it easier for create complex animations for SVG and HTML elements
Velocity lets you to animate:
– Fade and slide animations.
– SVG properties
– Scroll events, both relative to the page or to a container element inside the page
– Numeric values of CSS animatable properties, including colors
Options of VelocityJS
It gives you flexibility in your animations.
Loop: how many times the animation should be repeated.
Delay: how long to wait before the start of an animation.
Duration: how long each animation lasts.
Easing: Velocity supports most jQuery UI easing types, bezier curves, step easing, CSS3 easings, i.e., “ease”, “ease-in”, “ease-out”, and “ease-in-out”.
Velocity is used of many notable websites, including those of Samsung, WhatsApp, Mazda, Microsoft Windows and Uber.
We will share with you examples of web animation that are made possible through the expressiveness and speed of Velocity: