CSS3 transition-timing-function_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:38:07
Original
1168 people have browsed it

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 */

 

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!