It is often convenient to use the shorthand property animation to set all animation properties at once. Defines a custom timing function using a cubic bezier curve. The speed curve defines how the animation progresses through the duration of each cycle
It is used to make the changes smoothly and create different effects, such as easing in, easing out, or easing in and out. The second parameter (`start` or `end`) determines when the jump occurs within each interval It specifies the animation’s speed curve defining the time which is needed for an animation to change from one style set to another.
Specifies a step function, dividing the animation into equal intervals The first parameter specifies the number of steps