Transitions control the ease of transformation from one style to another when we hover over that element. Basically, you can control the time taken for any transformation to occur.

Example:

Output:

In this example, I have added the transition to all the properties in hover. But you can choose to apply the effect on a particular property too, like this:

transition: width 3s;