animation-timing-function的参数:
值 | 属性 |
linear | 动画从头至尾的速度是相同的 |
ease | 默认,低速开始,加快,变慢结束 |
ease-in | 动画以低速开始 |
ease-out | 动画以词素结束 |
ease-in-out | 动画以低速开始和结束 |
cubic-bezier(n,n,n,n) | 在cubic-bezier函数中自己的值,可能是0-1 |
steps(n,start) | 默认为end,动画帧之间跳跃步数 |
注:cubic-bezier即为贝兹曲线中的绘制方法
steps的设置都是针对两个关键帧之间的,而非是整个keyframes
动画的timing-function比较 animation-timing-funtion属性比较
lineareaseease-inease-outease-in-out贝兹曲线cubic-bezier(0.0, 0.0, 1.0, 1.0)