CSS transitions give us the ability to smoothly transition from one set of styles to another. Without them, your hover, click and transform effects can look janky and sudden.
To illustrate a CSS transition, below are two emojis. Click on them to see the difference: