Timing Functions View source

These CSS cubic-bezier timing functions are variables that can be used with CSS3 animations and transitions. The provided timing functions are the same as the jQuery UI demo: easing functions.

{% highlight scss %} @include transition(all, 5s, $ease-in-circ); {% endhighlight %}

Demo

Many of the timing functions below may look the same in this demo, but in complex animations, they are intricately different.