CSS动画——animation-timing-function属性

354 阅读1分钟

功能

animation-timing-function可以指定动画以什么速度完成一个周期

用法

属性 描述
linear 动画从头到尾的速度是相同的
ease(默认) 动画以低速开始,然后加快,在结束前变慢
ease-in 动画以低速开始
ease-out 动画以低速结束
ease-in-out 动画以低速开始和低速结束
cubic-bezier(n, n, n, n) 在cubic-bezier函数中自己的值,范围在0-1之间