w3-notes logo

cocochido

HTML/CSSリファレンス

cubic-bezier()関数

説明

3次ベジェ曲線を定義します。
関連項目

使用例

出力結果

構文
syntax help

cubic-bezier(<number>, <number>, <number>, <number>)
引数には3次ベジェ曲線を定義する4点のうち始点と終点を除く点を始点側(x, y)、終点側(x, y)の順に指定します。CSSでは始点を(0, 0)、終点を(1, 1)に固定しているので、引数に指定する点のX軸(時間方向)の値は[0, 1]の範囲である必要があります。
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.