CSS3 transition-timing-function_html/css_WEB-ITnose

CSS3 transition-timing-function 属性

 

定义和用法

transition-timing-function 属性规定过渡效果的速度曲线。

该属性允许过渡效果随着时间来改变其速度。（默认值是ease）

 

 

liner?????规定以相同速度开始至结束的过渡效果

ease??????规定慢速开始，然后变快，然后慢速结束的过渡效果

ease-in??????规定以慢速开始的过渡效果

ease-out??????规定一慢速结束的过渡效果

ease-in-out??????规定以慢速开始和慢速结束的过渡效果

 

示例：transition-timing-function:linear;

 

-moz-transition-timing-function: linear; /* Firefox 4 兼容火狐浏览器 */  -webkit-transition-timing-function: linear; /*兼容 Safari 和 Chrome   */ -o-transition-timing-function: linear; /* 兼容 Opera */