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;
}