css动画的关键字 |css html 对错号

1. animation
用来定义元素动画的基本属性。
- animation-name：指定动画名称，用于animation-keyframes。
- animation-duration：指定动画时间长度。
- animation-timing-function：指定动画速度变化曲线。
- animation-delay：指定动画延迟时间。
- animation-iteration-count：指定动画重复次数。
- animation-direction：指定动画方向。
- animation-play-state：指定动画播放状态。
- animation-fill-mode：指定动画完成后样式如何保留。
例：
.box {
animation: myanimation 2s ease-in-out 1s infinite alternate both;
}
2. @keyframes
用来定义动画帧。
例：
@keyframes myanimation {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
3. transition
用来定义元素在不同状态下的变化方式。可以同时指定多个属性变化，允许设置延迟和时长。
- transition-property：指定过渡效果的属性。
- transition-duration：指定过渡效果的时长。
- transition-timing-function：指定过渡效果的时间函数。
- transition-delay：指定过渡效果的延迟时间。
例：
.box {
transition: all 1s ease-in-out 0.5s;
}
4. transform
用来改变元素的形状、大小、位置等。
- translate()：移动元素。
- rotate()：元素旋转角度。
- scale()：元素缩放。
- skew()：元素倾斜。
例：
.box {
transform: rotate(45deg) translate(10px, 20px) scale(1.2);
}

以上就是CSS动画的关键字介绍。这些关键字可以让大家使用CSS创建出精美的网页动画效果。