CSS transition Property
Description
The transition
property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
- Initial valuesee individual properties
- Applies toAll elements, :before and :after pseudo elements
- InheritedNo
- MediaInteractive
- Computed valueSee individual properties
- AnimatableNo
- CSS VersionCSS3
- JavaScript syntaxobject.style.transition
Syntax
Formal syntax: <single-transition> [ ',' <single-transition> ]* transition: [value];
Values
- <transition-property>See transition-property CSS property for values.
- <transition-duration>See transition-duration CSS property for values.
- <transition-timing-function>See transition-timing-function CSS property for values.
- <transition-delay>See transition-delay CSS property for values.
Example
.class { transition: background-color linear 1s; }
Browser Support
?![]() | ?![]() | ?![]() | ?![]() | ?![]() |
View All CSS Properties
Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.