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

transition-timing-function

介绍

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

使用示例

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

语法

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();

扩展阅读

兼容性

LCD tables only load in the browser

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