CSS3 Transition Timing Functions

The CSS Transitions Module defines various timing functions, each of which has been illustrated in the following interactive widget.

JS CSS Timing function
    ease
    linear
    ease-in
    ease-out
    ease-in-out
    cubic-bezier (0.85, 0.00, 1.00, 1.00)
    steps (4, start)
    steps (7, end)