在CSS中,animation(动画)是指一种可以让元素在一段时间内发生变换的技术。
/* 通过animation属性定义动画 */
div {
animation: myanimation 2s linear infinite;
}
/* 定义动画过程,使用@keyframes关键字
可以定义从开始到结束的变化过程 */
@keyframes myanimation {
0% { background-color: red; }
50% { background-color: blue; }
100% { background-color: green; }
} 上面的代码演示了一个动画的定义,首先通过animation属性将动画绑定到某一个元素上;然后定义了一个名为myanimation的动画过程,其中定义了从红色到蓝色再到绿色的变化过程。
Animation还可以使用一些属性对动画进行配置,例如:
通过这些属性,可以进一步控制动画的效果,让网页更加生动和炫酷。