通过 @keyframes 规则,创建动画

创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。
在动画过程中,您能够多次改变这套 CSS 样式。以百分比来
规定改变发生的时间,0% 是动画的开始时间,100% 动画的结束时间。
在这里插入图片描述
一个简单的CSS3动画就完成了
在这里插入图片描述