动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来半角控制一个或一组动画，常用来实现复杂的动画效果。
相比较过渡，动画可以实现更多变化，更多控制，连续自动幡放等效果。
CSS3动画的使用
1．用keyframes定义动画（类似定义类选择器）
@keyframes 动画名称 {
0% {
width: 100px;
}
100% {
width: 200px;
}
}
2．元素使用动画
div {
width: 200px;
height: 200px;
background-color: skyblue;
/* 调用动画*/
animation-name: 动画名称 ;
/*持续时间*/
animation-duration: 持续时间 ;
}
 **有什么问题可以评论区留言 大家一起加油~~**
