Skip to content
Fetching latest commit…
Cannot retrieve the latest commit at this time.
..
Failed to load latest commit information.
docs
js
meta
tests
HISTORY.md
README.md
build.anim-base.properties
build.anim-base.xml
build.color.properties
build.color.xml
build.curve.properties
build.curve.xml
build.easing.properties
build.easing.xml
build.node-plugin.properties
build.node-plugin.xml
build.scroll.properties
build.scroll.xml
build.shape-transform.properties
build.shape-transform.xml
build.xml
build.xy.properties
build.xy.xml

README.md

Animation Utility

Provides the ability to animate style property changes. Advanced easing equations are provided for more interesting animated effects.

The following modules are available:

  • anim: Rollup of anim-base, anim-color, anim-curve, anim-easing, anim-scroll, and anim-xy.
  • anim-base: Adds animation functionality for number-based style properties.
  • anim-color: Adds the ability to animate colors.
  • anim-curve: Adds the ability to animate the position of an element using bezier control-points.
  • anim-easing: Contains easing equations for more advanced motion (e.g. "easeOut", "backIn", etc).
  • anim-scroll: Adds the ability to animate the scroll position of an element.

You may want to consider using the Transition module for number-based style properties, as it leverages native CSS Transitions when possible. The Animation Utility will move to using CSS Animation in a future release.

Something went wrong with that request. Please try again.