The transition effect will start right away if the value is 0s (or 0ms).
A positive value will postpone the transition impact for the specified amount of time.
A negative value will start the transition effect immediately and will stop it halfway through.
The transition-delay attribute specifies the start time of the transition effect. The transition time is measured in seconds (s) or milliseconds (ms).
The name of the CSS property for which the transition effect is used is defined by the transition-property property (the transition effect will start when the specified CSS property changes).
CSS Transitions are the most straightforward technique to create animations. Transitions can be made using either the transition shorthand or the transition- properties. To make a transition, you replace a property in a class (or pseudo-class) and specify the property to transit in the transition or transition-property variables.
We may describe how an element evolves with CSS3 by simply stating its current and goal states. CSS3 will use a cubic Bézier curve to produce a smooth transition between these states and progressively change the element's look.