Native
These are the natively supported easing functions, built into WebKit.
- linear
- ease
- ease-in
- ease-out
- ease-in-out
Custom
These are custom easing functions (thanks to Robert Penner & Thomas Fuchs) that can produce much more interesting transitions.
- sinusoidal
- spring
- easeTo
- easeFrom
- easeFromTo
- bouncePast
- bounce
- swingTo
- swingFrom
- swingFromTo
- elastic
- easeInOutBack
- easeOutBack
- easeInBack
- easeOutBounce
- easeInOutCirc
- easeOutCirc
- easeInCirc
- easeInOutExpo
- easeOutExpo
- easeInExpo
- easeInOutSine
- easeOutSine
- easeInSine
- easeInOutQuint
- easeOutQuint
- easeInQuint
- easeInOutQuart
- easeOutQuart
- easeInQuart
- easeInOutCubic
- easeOutCubic
- easeInCubic
- easeInOutQuad
- easeOutQuad
- easeInQuad
- linear
Generated Animation CSS
Internally the custom easing function for the transition is faked using CSS animations. Here is the code that is produced on the fly for the most recent "transition".