The transition-property property specifies the name of the CSS property to which the transition is applied.

A value of none means that no property will transition. Otherwise, a list of properties to be transitioned, or the keyword all which indicates that all properties are to be transitioned, is given.

]]> This property specifies how long the transition from the old value to the new value should take. By default the value is ‘0s’, meaning that the transition is immediate (i.e. there will be no animation). A negative value for transition-duration renders the declaration invalid.

]]> Specifies a stepping function, described above, taking two parameters. The first parameter specifies the number of intervals in the function. It must be a positive integer (greater than 0). The second parameter, which is optional, is either the value start or end, and specifies the point at which the change of values occur within the interval. If the second parameter is omitted, it is given the value end.

]]> Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). Both x values must be in the range [0, 1] or the definition is invalid. The y values can exceed this range.

]]> A frames timing function is a type of timing function that divides the input time into a specified number of intervals of equal length, each of which is associated with an output progress value of increasing value.

]]> The transition-timing-function property describes how the intermediate values used during a transition will be calculated. It allows for a transition to change speed over its duration. These effects are commonly called easing functions. In either case, a mathematical function that provides a smooth curve is used.

The timing functions have the following definitions.

ease
The ease function is equivalent to (0.25, 0.1, 0.25, 1).

linear
The linear function is equivalent to (0, 0, 1, 1).

ease-in
The ease-in function is equivalent to (0.42, 0, 1, 1).

ease-out
The ease-out function is equivalent to (0, 0, 0.58, 1).

ease-in-out
The ease-in-out function is equivalent to (0.42, 0, 0.58, 1)

step-start
The step-start function is equivalent to (1, start).

step-end
The step-end function is equivalent to (1, end).

]]> The transition-delay property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A transition-delay value of 0s means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.

If the value for transition-delay is a negative time offset then the transition will execute the moment the property is changed, but will appear to have begun execution at the specified offset. That is, the transition will appear to begin part-way through its play cycle. In the case where a transition has implied starting values and a negative transition-delay, the starting values are taken from the moment the property is changed.

]]> The transition shorthand property combines the four properties described above into a single property.

]]>