Cubic Bezier (动画加减速函数)
- liner(线性),没有任何加速减速,在 Cubic Bezier 的斜率为 1 的直线
- ease、ease-in、ease-out、ease-in-out,具有加速减速的效果
- ease,表示开始时候急加速,快结束的时候开始减速
- ease-in,表示慢慢加速
- ease-out,表示先加速后再慢慢减速
- ease-in-out,表示开始慢慢加速,最后慢慢减速
上面的文字可能理解起来比较抽象,大家可以到我引入的网页里进行测试,可以直接到这个链接去自己测试。测试地址
这个网站测试比较方便,还以自己调整一些其它的效果,通过它将代码考下来就行。
最后在介绍一个非常有用的开源CSS项目,有空大家可以去看看
Animate.CSS
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于