贝兹曲线

cubic-bezier即为贝兹曲线中的绘制方法。图上有四点,P0-3,其中P0、P3是默认的点,对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) 为自定义,x1,x2,y1,y2的值范围在[0, 1]。

    预留的几个特效:

    ease: cubic-bezier(0.25, 0.1, 0.25, 1.0)

    linear: cubic-bezier(0.0, 0.0, 1.0, 1.0)

    ease-in: cubic-bezier(0.42, 0, 1.0, 1.0)

    ease-out: cubic-bezier(0, 0, 0.58, 1.0)

    ease-in-out: cubic-bezier(0.42, 0, 0.58, 1.0)

 

也就是说第四个n是y2,和x2共同决定P2的位置

posted on 2015-08-13 14:30  流光易逝  阅读(423)  评论(0编辑  收藏  举报

导航