Lynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

animation-timing-function

介绍

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

使用示例

css-apisrc/animation-timing-function/App.tsx
预览

语法

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

扩展阅读

兼容性

LCD tables only load in the browser

除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。