欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS3 transition-timing-function_html/css_WEB-ITnose

程序员文章站 2022-04-24 14:37:33
...
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 */