css -moz-animation
时间: 2023-10-26 17:05:47 浏览: 124
CSS 动画 animate
-moz-animation 是一种用于在 Mozilla Firefox 浏览器中创建动画效果的 CSS 属性。它是 Mozilla 厂商前缀的一部分,用于实现浏览器特定的功能。
-moz-animation 属性用于定义一个或多个动画,它可以应用于元素。以下是该属性的用法示例:
```css
.element {
-moz-animation: animation-name duration timing-function delay iteration-count direction;
}
```
其中各个值的含义如下:
- `animation-name`:指定一个或多个动画名称,多个动画之间使用逗号分隔。
- `duration`:指定动画持续时间,以秒或毫秒为单位。
- `timing-function`:指定动画的时间曲线,控制动画的速度变化。
- `delay`:指定动画开始前的延迟时间,以秒或毫秒为单位。
- `iteration-count`:指定动画的播放次数,可以是具体的数字,也可以是关键词(如 `infinite` 表示无限次播放)。
- `direction`:指定动画的播放方向,可以是 `normal`(正向播放)、`reverse`(反向播放)、`alternate`(交替正反向播放)或 `alternate-reverse`(交替反正向播放)。
注意:由于最新版本的 Firefox 已经移除了对 -moz- 前缀的支持,因此使用 -moz-animation 属性时需要考虑浏览器的兼容性。
阅读全文