Speed up the transition effect:
The transitionDuration property sets or returns how many seconds (s) or milliseconds (ms) a transition effect takes to complete.
The transitionDuration property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.
Safari supports an alternative, the WebkitTransitionDuration property.
Return the transitionDuration property:
Set the transitionDuration property:
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Default Value: | 0 |
---|---|
Return Value: | A String, representing the transition-duration property of an element |
CSS Version | CSS3 |
CSS reference: transition-duration property