Delay the start

transition-delay

Start the hover transition sequence after a short waiting period.

Property values

The number of seconds or milliseconds to wait:

s seconds
ms milliseconds

Examples

#grow {            
height: 100px;
transition-property: height;
transition-delay: 1s;
}
#grow:hover {
height: 200px;
}
transition-delay

style > transition > transition-delayDelay the start

Q