关于css:keyframes完成css的动画效果

简略介绍一下动画。就是多个过渡，够不够简略？
然而语法和过渡是齐全不一样的哦，这个要记住。
动画是定义多个关键帧来实现的
例：
@keyframes zhuan{

0%{ }

25%{ }

50%{ }

75%{ }

100%{}

}
这里呢就定义的四个关键帧了，然而会说那个 zhuan 是什么？
这个就要用到应用动画了
animation：zhuan 5s infinite 这里三句就代表了动画名字是 zhuan 5 秒实现该动画过程 有限循环动画过程
这是一个简写，个别咱们能用到的就是这三个值
然而 animation 所领有的值是十分多的
例：
animation-name: 定义好的动画名称；
animation-duration: 动画所需的时长; 单位能够是 s 秒，也能够是 ms 毫秒 — 1s = 1000ms
animation-timing-function: 速度形式;
animation-delay: 提早的工夫;
animation-iteration-count: 播放次数 (数字) 或 infinite(有限次);
animation-direction: normal/alternate; normal 示意正向播放，alternate 示意第一次正向播放，第二次就是反向播放，第三次又是正向播放
animation-fill-mode: forwards/none; 动画停在最初一帧或开始地位
animation-play-state: paused/running; 规定动画正在运行或暂停，默认为 running
我个别应用简写，也就是下面写到的，个别取三个值就够了，别的看我的项目需要，
值得注意一点，这个简写代表的值不是固定的，你取什么值就会执行什么值。