CSS transition-timing-function property
CSS transition-timing-function allows a transition to change speed over time. It decides how the properties are calculated during transition i.e. properties may change swifly or slowly.
transition-timing-function : ease | ease-in | ease-out | ease-in-out
The speed of transition is constant over its duration. It represents normal behavior over the transition-duration.
The speed is slow at the start of transition i.e. It represents somooth behavior at the start only.
The speed is fast at the start of transition i.e. The transition is smooth at the end.
The speed of transition is slow at the start and end of transition-duration as compared to intermediate time. It represents smooth behavior at the start and end of the transition.
It applies to all elements
Was this article helpful?