animation-timing-function - CSS 3

The animation-timing-function specifies the speed curve of an animation.The speed curve defines the TIME an animation uses to change from one set of CSS styles to another.The speed curve is used to make the changes smoothly.

Syntax

animation-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

div {    -webkit-animation-timing-function: linear; /* Chrome, Safari, 
	Opera */   
    animation-timing-function: linear;}

Output / Return Value

Limitations

Alternatives / See Also

Reference