CSS animation-timing-function property
CSS animation-timing-function defines how the animation progress between different time intervals of a keyframe.
animation-delay : ease | ease-in | ease-out | ease-in-out
The speed of the animation is constant over its duration. It represents normal behavior over the animation-duration.
The speed is slow at the start of animation i.e. It represents smooth behavior at the start only.
The speed is fast at the end of animation i.e. The animation is smooth at the end.
The speed of the animation is slow at the start and end of animation-duration as compared to intermediate time. It represents smooth behavior at the start and end of the animation.
It applies to all elements
Was this article helpful?