Some mixins for easing animations using SASS.
CSS
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
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 Fixed merge conflict. Aug 20, 2014
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