好像当时学习的时候，就是听说 css 最强大的就是动画了。
animation: 总共有 6 个属性
name: 动画的名称duration: 完成动画的时间timing-function: 动画的曲线速度
linear 速度是相同的，常用、默认
ease, 低速开始然后变快然后再慢，ease-in,ease-out, 以低速开始、结束
ease-in-out, 低速开始与结束，常用
cublc-bezier(n,n,n,n), 自定义函数delay: 动画开始播放的延迟时间interation-count: 动画播放的次数
n: 自定义次数，默认 1 次
infinite: 无限次diretion: 是否反方向播放动画
normal 正常，默认方式
alternate 反方向定义一个动画的时候需要用到关键词，
@keyframes 动画名称
动画名称与 animation 的 name 字段是一样的
定义一个动画
<div> kkw</div>
<style>
div{ainmation: kkw 1s ease 0 infinate alternate}
@keyframes kkw {
%0{font-size: 12px}
%50{font-size: 24px}
100% {font-size: 36px}
}</style>