Bezier Curve︱貝塞爾曲線

「曲」字應是彎曲的曲,但很多人都念成歌曲的曲…

貝塞爾曲線,我們用的最多的是「三次貝塞爾」,用於css動畫的速度控制。

例如:

div {
  transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
}

它的四個數值都介於0和1之間(含),兩個端點固定在左下和右上。

cubic-bezier()可用於animation-timing-function或transition-timing-function。

在線生成方形貝塞爾:

https://www.cssportal.com/css-cubic-bezier-generator/

Leave a Comment