美文网首页
动画中linear和ease-out的区别

动画中linear和ease-out的区别

作者: 天天向上er | 来源:发表于2019-10-14 19:53 被阅读0次

ease、ease-in、ease-in-out、ease-out

1、linear:以相同速度开始至结束的过渡效果(cubic-bezier(0,0,1,1))

2、ease:慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))

(相对于匀速,中间快,两头慢)

3、ease-in:相对于匀速,开始的时候慢,之后快

4、ease-in-out:相对于匀速,开始和结束都慢,两头慢。

5、cubic-bezier(n,n,n,n)在cubic-bezier函数中定义自己值(0至1之间的数值)

总结:

in:加快

out:放慢

ease:松弛

linear:匀速

相关文章

网友评论

      本文标题:动画中linear和ease-out的区别

      本文链接:https://www.haomeiwen.com/subject/tbkdmctx.html