transition-delay Description:
The transition-delay property sets up a delay for when the transition should start after it’s been initiated.
transition-delay in CSS Versions:
transition-delay Syntax:
transition-delay : time
transition-delay Initial Value:
0
transition-delay Applies to:
all elements that can have transitions
transition-delay Inheritance:
Not inherited
transition-delay Browser Support:
The transition-delay is supported by modern browsers:
- Safari 3.1+ (using
-webkit-prefix) - Chrome 3.2+ (using
-webkit-prefix) - iOS 3.2+ (using
-webkit-prefix) - Android 2.1+ (using
-webkit-prefix) - Opera 10.5+ (using
-o-prefix) - Opera Mobile 10+ (using
-o-prefix) - Firefox 4+ (using
-moz-prefix) - Internet Explorer 10+ (using
-ms-prefix)
transition-delay Media Type:
interactive
transition-delay Examples:
Set the transition to start half a second after it is initiated:
transition-delay: 0.5s;
transition-delay Special Notes:
The transition-delay does nothing if the other two transition properties, transition-duration, transition-property, and transition-timing-function are not set.
More Information on the transition-delay CSS Property
More help with CSS 3
Return to the Style Library
