CSS3 transition-timing-function Property

Transition-timing-function property is new CSS3 property.It specifies the speed curve of the transition effect.A transition effect with same speed from start to end.

Syntax

transition-timing-function: ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit;

Live DemoDownload Script

CSS3 Code for transition

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

Browser Support

The transition-timing-function property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.

Please share your comments and feedback.Thanks.Please subscribe my updates via email.