Some mixins for easing animations using SASS.
CSS
Latest commit a3b4a76 May 29, 2015 @KingScooty Bump version.
Permalink
Failed to load latest commit information.
.gitignore Fixed bower versioning. Mar 12, 2014
LICENSE Initial commit Mar 12, 2014
README.md Update readme. May 29, 2015
_sass-easing.scss
bower.json Bump version. May 29, 2015
package.json Bump version. May 29, 2015

README.md

Awesome Sass Easing Variables

sass-easing

Some useful variables for easing animations using SASS. I'll add to this file whenever i come across a cool easing pattern.

Install

$ npm install awesome-sass-easing --save

or

$ bower install sass-easing --save

Usage

@import "../node_modules/awesome-sass-easing/_easings.scss";

.element {
  transition(top 500ms $easeInCubic);
}

Easing Functions

The following easing functions are available:

  • easeInSine
  • easeOutSine
  • easeInOutSine

  • easeInQuad

  • easeOutQuad
  • easeInOutQuad

  • easeInCubic

  • easeOutCubic
  • easeInOutCubic

  • easeInQuart

  • easeOutQuart
  • easeInOutQuart

  • easeInQuint

  • easeOutQuint
  • easeInOutQuint

  • easeInExpo

  • easeOutExpo
  • easeInOutExpo

  • easeInCirc

  • easeOutCirc
  • easeInOutCirc

  • easeInBack

  • easeOutBack
  • easeInOutBack

  • easeInOutFast

License

MIT