CSS animation属性
程序员文章站
2022-05-18 19:33:40
定义和用法 animation属性是下列属性的一个缩写属性： animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-directi ......
定义和用法
animation属性是下列属性的一个缩写属性：
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-fill-mode
- animation-play-state
注意：始终指定animation-duration属性，否则持续时间为0，永远不会播放。
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。
| 属性 | internet explorer | chrome | firefox | safari | opera |
|---|---|---|---|---|---|
| 属性名称 | ie | 谷歌 | 火狐 | safari | opera |
| animation | 10.0 | 43.0 4.0 -webkit- | 16.0 5.0 -moz- | 9.0 4.0 -webkit- | 30.0 15.0 -webkit- 12.0 -o- |
语法：animation: name duration timing-function delay iteration-count direction fill-mode play-state;
属性值
| 属性值 | 描述 |
|---|---|
| 指定要绑定到选择器的关键帧的名称 | |
| 指定动画完成所需的秒数或毫秒数 | |
| 指定动画的速度曲线 | |
| 指定动画开始之前的延迟 | |
| 指定应播放动画的次数 | |
| 指定动画是否应在交替循环中反向播放 | |
| 指定动画在执行之外应用的值 | |
| 指定动画是运行还是暂停 |
html颜色名称
所有浏览器支持的颜色名称，所有现代浏览器都支持以下140种颜色名称（单击颜色名称或十六进制值，以将颜色视为背景颜色以及不同的文本颜色）：
有关html颜色的完整概述，请访问我们的。
下一篇： 数字类型与字符串