Easy Tutorial
❮ Prop Doc Documentmode Event Currenttarget ❯

Style transitionDuration Property

Style Object

Example

Accelerate the transition effect:


Definition and Usage

The transitionDuration property sets or returns the time it takes for a transition effect to complete (measured in seconds or milliseconds).


Browser Support

Internet Explorer 10, Firefox, Opera, and Chrome support the transitionDuration property.

Safari supports an alternative property, WebkitTransitionDuration.


Syntax

Return the transitionDuration property:

Set the transitionDuration property:

Property Values

Value Description
time Specifies the time it takes for the transition effect to complete (in seconds or milliseconds). The default value is 0, meaning there will be no effect.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: 0
Return value: String, representing the transition-duration property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: transition-duration Property


Style Object

❮ Prop Doc Documentmode Event Currenttarget ❯