For AI agents: the complete documentation index is available at /next/zh/llms.txt, the full documentation bundle is available at /next/zh/llms-full.txt, and this page is available as Markdown at /next/zh/api/css/properties/animation-duration.md.
Lynx
  • 简体中文

      • animation-duration

      介绍

      animation-duration 用于设置动画持续的时间。

      使用示例

      css-apisrc/animation-duration/App.tsx
      Code
      预览

      语法

      /* Single animation */
animation-duration: 6s
animation-duration: 120ms

/* Multiple animations */
animation-duration: 1s, 15s
animation-duration: 10s, 30s, 230ms

      形式定义

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

      形式语法

      /*默认值0s*/
animation-duration: <time>;

      注意事项

      Caution
      • Lynx 默认 duration 和 delay 需要有单位，无单位的写法可能会造成未定义的行为。

      扩展阅读

      兼容性

      LCD tables only load in the browser

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