CSS3 transition-timing-function_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:38:07
原創
1167 人瀏覽過

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

 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!