HTML写出所有的css动画样式

下面是一些常见的 CSS 动画样式：

1. transition：用于在状态变化时添加过渡动画。
2. animation：用于创建关键帧动画。
3. transform：用于对元素进行旋转、缩放、倾斜、平移等变换。
4. @keyframes：用于定义关键帧动画的具体内容。
5. transition-delay：用于设置过渡动画的延迟时间。
6. transition-duration：用于设置过渡动画的持续时间。
7. transition-property：用于设置过渡动画的属性类型。
8. transition-timing-function：用于设置过渡动画的时间函数类型。
9. animation-delay：用于设置关键帧动画的延迟时间。
10. animation-direction：用于设置关键帧动画的播放方向。
11. animation-duration：用于设置关键帧动画的持续时间。
12. animation-fill-mode：用于设置关键帧动画在播放前和播放后的状态。
13. animation-iteration-count：用于设置关键帧动画的重复次数。
14. animation-name：用于设置关键帧动画的名称。
15. animation-play-state：用于设置关键帧动画的播放状态。
16. animation-timing-function：用于设置关键帧动画的时间函数类型。
17. perspective：用于设置 3D 变换的基准点。
18. perspective-origin：用于设置 3D 变换的基准点位置。
19. backface-visibility：用于设置当元素不面向屏幕时是否可见。

以上只是一些最常用的 CSS 动画样式，还有很多其他的动画样式可以使用。