animation-timing-function

介绍

animation-timing-function 属性定义 CSS 动画在每一动画周期中执行的节奏。可能值为一或多个 timing-function。

使用示例

语法

/* Keyword values */
animation-timing-function: ease;
animation-timing-function: ease-in;
animation-timing-function: ease-out;
animation-timing-function: ease-in-out;
animation-timing-function: linear;

/* Function values */
animation-timing-function: cubic-bezier(0.1, 0.7, 1, 0.1);
animation-timing-function: steps(4, end);
animation-timing-function: frames(10);

/* Multiple animations */
animation-timing-function: ease, steps(5, end), cubic-bezier(0.1, 0.7, 1, 0.1);

形式定义

初始值	linear
适用元素	all elements
是否支持继承	no
是否支持动画	no

形式语法

/*默认值linear*/
animation-name: linear | ease | ease-in | ease-out | ease-in-out |
  <timing-function>;

扩展阅读

animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
CSS animation event
Animated API

兼容性

LCD tables only load in the browser

#animation-timing-function

#介绍

#使用示例

#语法

#形式定义

#形式语法

#扩展阅读

#兼容性

animation-timing-function

介绍

使用示例

语法

形式定义

形式语法

扩展阅读

兼容性