缓动函数 通过时间的变化控制参数值变化的速率。
现实生活中,物体并不是突然启动或者停止,当然也不可能一直保持匀速移动。就像我们打开抽屉的过程那样,刚开始拉的那一下动作很快,但是当抽屉被拉出来之后我们会不自觉的放慢动作。掉落在地板上的东西,一开始下降的速度很快,后来就会在地板上来回反弹直到停止。
这个页面将帮助你选择正确的缓动函数。
.block { transition: transform 0.6s ; }
@keyframes
来实现这个函数:.block { transition: transform 0.6s ; }
.block { background: linear-gradient( to bottom, #1473e6, , #247b5e ); }
function (x: number): number {
}
function (x: number): number {
}