Drag the colored knobs to adjust the curve.
Click here to compare transition timing functions:
cubic-bezier(reflects current graph):
linear:
ease-out:
ease-in-out:
ease-in:
-webkit-transition: all 1s cubic-bezier(0, 0, .25, 1);
-moz-transition: all 1s cubic-bezier(0, 0, .25, 1);