0

CSS3トランジションの仕様では、加速度の標準ベジェ曲線は次のように定義されています。

The ease function is equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0) 
The linear function is equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0)
The ease-in function is equivalent to cubic-bezier(0.42, 0, 1.0, 1.0)
The ease-out function is equivalent to cubic-bezier(0, 0, 0.58, 1.0)
The ease-in-out function is equivalent to cubic-bezier(0.42, 0, 0.58, 1.0)

これらの曲線をどのように視覚化できますか？私はそれらを見たいです（ここのように：http：//hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html）。

キュービックベジェ関数には4つのポイントがありますが、値は1つだけです。しかし、曲線を描くには、それぞれにxとyが必要ですか？

4

1 に答える 1

1

私が理解している限り、CSS 3次ベジェ補間は、補間関数のグラフを表す曲線上の2つの暗黙の点、つまりP0 =（0,0）とP3 =（1,1）を使用します。ここで指定されている4つの数字は、他の2つの主要なポイントを表しています。

たとえば、線形補間のグラフは、次の先行点を持つベジェ曲線に等しくなります：P0 =（0,0）（暗黙的）、P1 =（0,0）（最初の2つのパラメーター）、P2 =（1,1）（最後2つのパラメーター）およびP3 =（1,1）（暗黙的）。

于 2013-02-10T14:57:22.847 に答える