Use the transition-delay property to set a delay for the transition effect with CSS. You can try to run the following code to set a 1-second delay of transition:

Example

   
      
   
   
      
Heading One
      
Hover over the below box to change its width. It begins with a delay of 2 seconds.