貝塞爾曲線

滴滴終面問了相關的css

 

貝塞爾曲線: 在計算機圖形學中普遍應用,用來描述矢量曲線或線段前端

 一階動畫

 

 

 

 

二階blog

 

 

 

 

三階get

 

 

 

 

 

注意:animation

每一個線段之間從開始到結尾的移動時間都是相同,按比例的it

 

 

前端涉及到的地方:io

1.用Canvas能夠畫貝塞爾曲線function

2.css動畫中的動畫屬性transition

animation-timing-function

transition-timing-function

 

負責控制動畫快慢的,預約義了五個貝塞爾曲線對應值

 

Cubic-bezier()

 

 

 對應着

 

 

更多資料:

https://cubic-bezier.com/

相關文章
相關標籤/搜索