CSS transitions allows you to change property values smoothly, over a given duration.
The transition CSS property allows you to define the transition between two states of an element. It is a shorthand property for transition-property, transition-duration, transition-timing-function and transition-delay.