animation自定义动画
animation:run 1s;
animation-name:run;绑定动画关键帧
animation-duration:1s;动画执行时间
animation-timing-function: ;动画的运动速度曲线
取值:linear匀速
ease默认值
ease-in以慢速开始
ease-out以慢速结束
ease-in-out以慢速开始和结束
animation-delay:1s;动画的延迟时间
取值:s ms
默认值0
允许负值
animation-iteration-count:3;规定动画的执行次数
取值:数字
默认值1
infinite无限次
animation-direction:normal;定义动画是否轮流反向播放
取值:normal默认,正常播放
alternate动画轮流反向播放
alternate-reverse从第一次就反向播放
animation-fill-mode: ;动画结束后显示的状态
取值:backwards动画开始的状态
forwards动画结束的状态
both动画开始或结束的状态
animation-play-state: ;动画的播放方式
取值:paused暂停
running运动
-->
<!--
opacity和rgba的区别
opacity所有属性都会透明
rgba只是让背景透明
-->
<!--
-->