CSS3 动画
CSS3动画可以提供在网页上创建动画的能力，它可以让网页的元素可以以动画的方式进行变换，从而使网页更具有视觉冲击力。CSS3动画通过一些属性来控制元素的变换，这些属性可以用来控制元素的位置、大小、透明度以及其他一些属性。
使用方法
使用CSS3动画，需要在元素上添加一个动画属性，这个属性可以用来控制元素的变换。需要定义一组动画规则，这些规则可以定义元素的变换，比如从一个位置移动到另一个位置，从一个大小变换到另一个大小，以及从一个透明度变换到另一个透明度等等。需要设置动画的持续时间，以及动画的延迟时间，以及动画重复的次数等等。
属性
CSS3动画使用的属性有：
animation-name: 定义动画的名称；
animation-duration: 定义动画的持续时间；
animation-delay: 定义动画的延迟时间；
animation-iteration-count: 定义动画重复的次数；
animation-timing-function: 定义动画的速度曲线；
animation-fill-mode: 定义动画结束后元素的状态；
animation-play-state: 定义动画的播放状态。
示例
下面是一个使用CSS3动画创建的示例：
.box {
animation-name: move;
animation-duration: 2s;
animation-delay: 1s;
animation-iteration-count: 3;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-play-state: running;
}
@keyframes move {
from {
transform: translateX(0);
}
to {
transform: translateX(200px);
}
}
上面的代码中，定义了一个名为move的动画，持续时间为2秒，延迟1秒，重复3次，速度曲线为线性，动画结束后元素的状态不变，播放状态为运行状态。