cubic-bezier又稱三次貝塞爾，主要是為animation生成速度曲線的函式，規定是cubic-bezier(, , , )。
我們可以從下圖中簡要理解一下cubic-bezier：
從上圖我們需要知道的是cubic-bezier的取值範圍:
我們需要關注的是 p1 和 p2 兩點的取值，而其中x 軸的取值範圍是0到1，當取值超出範圍時cubic-bezier將失效；y 軸的取值沒有規定，當然也毋須過大。
最直接的理解是，將以一條直線放在範圍只有 1 的座標軸中，並從中間拿出兩個點來拉扯（x 軸的取值區間是 [0, 1]，y 軸任意），最後形成的曲線就是動畫的速度曲線。
在測試例子中：
doctype html>
<
html
lang
="zh-cn"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>document
title
>
<
style
>
.animation
.animation:hover
style
>
head
>
<
body
>
<
div
class
="animation"
>
div>
body
>
html
>
貝塞爾曲線
1.概述 貝塞爾曲線 b zier curve 又稱 貝茲曲線或貝濟埃曲線，是應用於二維圖形應用程式的數學曲線。一般的向量圖形 軟體通過它來精確畫出曲線，貝茲曲線由 線段與節點組成，節點是可拖動的支點，線段像可伸縮的皮筋，我們在繪圖工具上看到的鋼筆工具就是來做這種向量曲線的。貝塞爾曲線是計算機圖形學...
貝塞爾曲線
由於工作需要，最近在研究乙個類似qq訊息劃掉的效果 很多強迫症患者童鞋對這個簡直是愛不釋手，當然這個也包括我自己 貝塞爾曲線就是這樣的一條曲線，它是依據四個位置任意的點座標繪製出的一條 光滑曲線 在歷史上，研究貝塞爾曲線的人最初是按照已知曲線 引數方程 來確定四個點的思路設計出這種向量曲線繪製法。貝...
貝塞爾曲線
貝塞爾曲線在android中運用廣泛，可以用來繪製各類複雜曲線，因為貝塞爾曲線只需要指定控制點，就能繪製出特定的曲線。其次是做點和點的平滑過渡。為什麼可以做到如上兩點，看下面的講解 首先來說，貝塞爾曲線有階的概念，這個階可以理解為控制點，一階的控制點只有兩個。如上是一階的方程，其中t取值為0到1，可...