ease-in

Animation Timing Function in CSS3

Good day!

In this tutorial, we are going to learn about animation-timing-function. What is animation-timing-function? animation-timing-function property specifies the speed curve of the animation. The speed curve defines the amount of time an animation uses to change from one set of CSS styles to another. Syntax of this property: animation-timing-function: linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier (n,n,n,n) | ini