--- title: animation-duration slug: Web/CSS/animation-duration tags: - CSS - CSS Animations - CSS Property - Experimental - Reference translation_of: Web/CSS/animation-duration ---
{{ CSSRef() }}{{ SeeCompatTable() }}

概述

animation-duration属性指定一个动画周期的时长。

默认值为0s,表示无动画。

使用简写属性{{cssxref("animation")}}很方便地同时设置所有的动画属性。

{{cssinfo}}

语法

Formal syntax: {{csssyntax("animation-duration")}}
animation-duration: 6s
animation-duration: 120ms
animation-duration: 1s, 15s
animation-duration: 10s, 30s, 230ms

<time>
一个动画周期的时长,单位为秒(s)或者毫秒(ms),无单位值无效。
注意:负值无效,浏览器会忽略该声明,但是一些早期的带前缀的声明会将负值当作0s。

示例

See CSS animations for examples.

标准

Specification Status Comment
{{ SpecName('CSS3 Animations', '#animation-duration', 'animation-duration') }} {{ Spec2('CSS3 Animations') }}

浏览器兼容

{{Compat("css.properties.animation-duration")}}

See also