前端——anmiation

animation：；动画

设定动画方案：设定“关键帧”。

动画关键帧写在其他应用样式之前，当关键帧前用百分比表示时，代表占动画时间的百分比。

@keyframes xx{  from{}；to{}；   }；

animation-name:;

animation-duration:;播放时间

animation-iteration-count:;播放次数

animation-timing-function:;播放曲线

animation-fill-mode:forwards(动画结束后停在最终位置)/backwards（动画结束后回到起始位置）

animation-direction:alternate(先从0%执行到100%，再从100%执行到0%；一个来回，必须设定2次的动画次数才生效)/alternate-reverse(先从100%执行到0%，再从0%执行到100%,必须设定2次的动画次数才生效);

animation-play-state:paused;动画暂停执行。