Skip to content

lexnels/sass-easing

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sass Easing Variables

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

##Installation

bower install sass-easing

##Usage

Best to use alongside compass or bourbon (or an autoprefixer). An example useage can be seen as follows:

@include 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

About

Some mixins for easing animations using SASS.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 100.0%