You are here : cssCSS 3transition-timing-function

transition-timing-function - CSS 3

The transition-timing-function property specifies the speed curve of the transition 
effect.This property allows a transition effect to change speed over its duration.


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

div {   
    -webkit-transition-timing-function: linear; /* Safari and Chrome */   
    transition-timing-function: linear;
    }


Output / Return Value


Limitations


Alternatives / See Also


Reference