CSS animation-timing-function

学习最好的方法就是把你知道的告诉别人

animation-timing-function 该属性用来设置动画的不同阶段的速度。

• ease：默认值，动画以低速开始，然后加快，最后低速结束。
• ease-out：动画以高速开始，以低速结束。
• ease-in：动画以低速开始，以高速结束。
• linear：动画从头到尾的速度是相同的。

#div{
    animation-name: animation-name;
    animation-duration: 2s;
    animation-iteration-count: infinite;
   animation-timing-function:linear;
}