Sets the pace of action within a transition
- Initial value
- Applies to
- all elements
- Computed value
- as specified
- CSS Object Model Property
- Default. Starts and stops gradually, equivalent to cubic-bezier(0.25,0.1,0.25,1)
- Starts and stops immediately, progressing at a constant rate, equivalent to cubic-bezier(0,0,1,1).
- Starts gradually and stops suddenly, equivalent to cubic-bezier(0.42,0,1,1).
- Starts suddenly and stops gradually, equivalent to cubic-bezier(0,0,0.58,1).
- Starts and stops gradually, equivalent to cubic-bezier(0.42,0,0.58,1).
- Function value specifying a customized response curve.
- Function value specifying a series of discrete intervals.
- The change occurs instantly at the start of the keyframe, equivalent to steps(1, start).
- The change occurs instantly at the end of the keyframe, equivalent to steps(1, end).
Default transition timing
No easing behavior: animation starts and stops abruptly and proceeds at a constant rate.
See how changing the timing value affects a sequence of two transitions
Along with other transition properties, multiple values
separated by commas apply to transitions in the same order as they are listed by the transition-property property. Excess values are ignored. If there are fewer timing values than transitions, they’re recycled in order of declaration until their numbers match.
- CSS Transitions
- W3C Working Draft
Microsoft Developer Network: [Windows Internet Explorer API reference Article]