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


kkw凯凯王
42 声望2 粉丝