CSS3 transition-timing-function, css3

CSS3 transition-timing-function, css3
CSS3 transition-timing-function attribute

 

Definition and usage

The transition-timing-function attribute specifies the speed curve of the transition effect.

This attribute allows the transition effect to change its speed over time. (The default value is bytes)

 

 

Liner ----- specifies the transition effect starting at the same speed to the end

Effect ------ specifies the transition effect of a slow start, then a fast start, and then a slow end.

Transition-in ------ specifies the transition effect starting at a slow speed

Transition-out ------ specifies the transition effect of a slow end

Transition-in-out ------ specifies the transition effect between a slow start and a slow end

 

Example: transition-timing-function: linear;

 

-Moz-transition-timing-function: linear;/* Firefox 4 compatible with Firefox */-webkit-transition-timing-function: linear; /* compatible with Safari and Chrome */-o-transition-timing-function: linear;/* compatible with Opera */