visionmedia/move.js
Move.js
move.js is a JavaScript motion engine and CSS3 animation framework designed to animate DOM elements. It functions as a DOM animation library that changes visual element properties and colors over time.
The library serves as a CSS bezier easing controller, using cubic-bezier curves to manage animation acceleration and deceleration. It enables sequential motion design, allowing multiple visual steps to execute in a specific order.
The framework covers the animation of element properties such as position, rotation, scale, skew, and colors. It provides capabilities for UI component transitions and the application of easing functions to create natural movement.
Features
- CSS3 Hardware-Accelerated Animations - Provides a framework for creating smooth visual transitions and state changes for web elements using CSS3.
- Timing Functions - Provides mathematical curves via cubic-bezier mapping to control the acceleration and deceleration of animations.
- Easing Functions - Implements mathematical easing curves to control the acceleration and deceleration of animations for natural movement.
- JavaScript Animation Libraries - Provides a JavaScript library for creating high-performance animations using native CSS transitions.
- Easing Control - Manages animation acceleration and deceleration using cubic-bezier curves to control velocity.
- CSS Property Transitions - Implements mechanisms for animating standard CSS numerical and color properties using the browser's native transition engine.
- Animation Sequencers - Executes a series of visual transitions in a specific order by triggering steps only after previous ones complete.
- DOM Animation Controllers - Manages the timing, offsets, and execution of visual property and color transitions on HTML elements.
- Animated DOM Transformations - Transforms element properties over time using CSS transitions to create smooth visual movements.
- Visual Element Transforms - Provides capabilities to rotate, scale, skew, and change colors of visual elements over a specified duration.
- Motion Engines - Orchestrates a series of timed visual transitions and state changes for web page elements.
- Animation Event Listeners - Monitors the completion of animations by listening for native browser events to trigger sequential steps.
- Component Transitions - Animates the position, scale, and rotation of UI components to improve user experience and feedback.
- Promise-Based Completion - Uses promises to handle the asynchronous completion of animation sequences upon the transitionend event.
- Motion Design Frameworks - Implements a framework for building complex animation chains where visual steps execute in a specific order.
- Animation and Motion - CSS3-based JavaScript animation framework.
- Animations and Motion - Provides a CSS3-backed animation framework.
- General Animation Engines - CSS3-backed JavaScript animation framework.
- 动画(Animate) - Listed in the “动画(Animate)” section of the Awesome Frontend awesome list.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
