#transition-duration

#Introduction

The transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

#Examples

css-apisrc/transition-duration/App.tsx

Code

Preview

#Syntax

transition-duration: 2s;
transition-duration: 300ms;

#Values

• <time>

• Default Value 0s

#Formal syntax

transition-duration: <time>;

#More

• transition-property
• transition-delay
• transition
• transition-timing-function
• Animation Event

#Note

#Compatibility