kkw学习css的过程第10天动画animation

好像当时学习的时候，就是听说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>