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