贝塞尔曲线

滴滴终面问了相关的css

 

贝塞尔曲线: 在计算机图形学中普遍应用,用来描述矢量曲线或线段前端

 一阶动画

 

 

 

 

二阶blog

 

 

 

 

三阶get

 

 

 

 

 

注意:animation

每一个线段之间从开始到结尾的移动时间都是相同,按比例的it

 

 

前端涉及到的地方:io

1.用Canvas能够画贝塞尔曲线function

2.css动画中的动画属性transition

animation-timing-function

transition-timing-function

 

负责控制动画快慢的,预约义了五个贝塞尔曲线对应值

 

Cubic-bezier()

 

 

 对应着

 

 

更多资料:

https://cubic-bezier.com/

相关文章
相关标签/搜索