1.1.2 • Published 9 years ago

awesome-sass-easing v1.1.2

Weekly downloads
310
License
MIT
Repository
github
Last release
9 years ago

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