CSS transition-timing-function Property

The transition-timing-function property specifies the speed curve of the transition effect.

The animation-timing-function property in CSS is used to specify how the animation makes transitions through keyframes. That is, it is used to specify the motion of animation during transitions.

The animation-timing-function CSS property specifies how a CSS animation should progress over the duration of each cycle.

CSS Syntax

transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|steps(int,start|end)|cubic-bezier(n,n,n,n)|initial|inherit;

Example -