Gets or sets one or more values that specify the durations of transitions on a set of corresponding object properties identified in the transition-property property.
This property is read/write.
One or more transition times, separated by commas.
Floating-point number, followed by a time units designator ("ms" or "s"). For more information about the supported time units, see CSS Values and Units Reference.
|Applies To||all elements, :before and :after pseudo elements|
- CSS Transitions Module Level 3, Section 2.2
As of Microsoft Edge, the "-ms-" prefixed version of this property is not supported.
Transitions respect Cascading Style Sheets (CSS) box model constraints such as minWidth.
For example, if an element is declared with a minWidth value of "50px" then a transition to a width of "25px" is not valid. In a case such as this, the transition runs for the specified duration from the start value until a valid maximum or minimum end value, as appropriate.
As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer for Windows Phone supports "-webkit-transition-duration" as an alias for this property.
- How to bring your webpage to life with CSS transforms, transitions, and animations