awesome-sass-easing

Some useful variables for easing animations using SASS.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
awesome-sass-easing
1.1.27 years ago7 years agoMinified + gzip package size for awesome-sass-easing in KB

Readme

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