From start to finish

transition-duration

Specify the amount of time for the hover transition to take, from start to finish.

Property values

The number of seconds or milliseconds from start to finish:

s seconds
ms milliseconds

Examples

#grow {            
height: 100px;
transition-property: height;
transition-duration: 3s;
}
#grow:hover {
height: 200px;
}
transition-duration

style > transition > transition-durationFrom start to finish

🔎