Transition
Transition-delay
Transition-timing-function
Linear
Ease
Ease-in
Ease-out
Ease-in-out
Transitions operate primarily as a before and after effect—they always just have a start and finish, no other steps in between.
The transition delay property delays the start of the transition.
The transition timing function property changes the speed of the transition at different stages.
The speed for this transition will remain consistent throughout.
This keyword will start slow, speeding up to fast in the middle, and then slowing back down to the end. This is the default value for this property.
This keyword will start slow and speed up to normal by the middle.
This keyword will start normal and slow down toward the end.
This keyword starts and ends slow, but only hits normal speed in the middle.