bezier-easing
move.js
bezier-easing | move.js | |
---|---|---|
2 | 2 | |
1,712 | 4,714 | |
- | 0.0% | |
0.0 | 0.0 | |
10 months ago | about 2 years ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bezier-easing
-
New features in TimelineCSS, including live editing easing curves and multi-select controls.
CSS supports a separate easing curve for each keyframe of an animation and each of these curves are cubic bezier curves so I only need to store two control points (x,y coordinates) for each frame and those determine what the curve looks like for that frame. Clicking & dragging those points just updates those x,y coordinates of the 2 control points. CSS and the web animation API actually do all the heavy lifting here as far as actually tweening those values but if you're looking for a javascript implementation of cubic bezier this one works well: https://github.com/gre/bezier-easing/blob/master/src/index.js
-
Web Effect
Bezier easing - Cubic-bezier implementation for your JavaScript animation easings.
move.js
-
Restart animation in CSS3: any better way than removing the element?
It works, but is there a better way to restart a CSS animation?I'm using Prototype and Move.js, but I'm not restricted to them.
-
Web Effect
Move.js - CSS3 backed JavaScript animation framework.
What are some alternatives?
react-spring - ✌️ A spring physics based React animation library
jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery
framer/motion - Open source, production-ready animation and gesture library for React
velocity - Accelerated JavaScript animation.
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
anime.js - JavaScript animation engine
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
pixi-ease - pixi.js animation library using easing functions
smoothState.js - Unobtrusive page transitions with jQuery.