sass-spring
CSS spring animations
Usage
npm install --save sass-spring
// import the animation-tools file from sass-spring as your setup allows ; // define functions calculating values for each property you want to animate // include create-spring with a name to reference it by, a map of properties to // functions calculating values, and some options // an optional final parameter specifies the time in seconds per frame to lower // css bloat; defaults to 1 / 60. Avoid making this higher than 1 / 10 spring-options(250, 25, 0)); .selector
See the demos for more complex and real world usage. Build demos with
npm run build
and open each demo's html file. Run npm run watch
to auto
compile changes to demos.
Compiled demos are available on CodePen.
Testing
Local testing uses node-sass.
npm run test