transition-timing-function

介绍

用于设置过渡动画执行的时间函数

使用示例

语法

transition-timing-function: ease;
transition-timing-function: ease-in;
transition-timing-function: ease-out;
transition-timing-function: ease-in-out;
transition-timing-function: linear;
transition-timing-function: step-start;
transition-timing-function: step-end;

transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.1);

取值

linear
ease
ease-in
ease-out
ease-in-out
square-bezier()
cubic-bezier()

默认值: linear

形式定义

初始值	空值
适用元素	所有元件
是否支持继承	no
是否支持动画	no

形式语法

transition-timing-function:linear|ease|ease-in|ease-out|ease-in-out|square-bezier()|cubic-bezier();

扩展阅读

transition-property
transition-duration
transition
transition-delay
CSS 动画事件

兼容性

LCD tables only load in the browser

#transition-timing-function

#介绍

#使用示例

#语法

#取值

#形式定义

#形式语法

#扩展阅读

#兼容性

transition-timing-function

介绍

使用示例

语法

取值

形式定义

形式语法

扩展阅读

兼容性