ブレンドレイヤーの放射状グラデーションのサイズ
blend-gradient-radial-size
放射状の blend-gradient の最後のストップが届く位置を、CSS の <radial-size> の文法に従って設定します。デフォルトは farthest-corner です。
| 値 | 説明 |
|---|---|
farthest-corner (デフォルト) | 最後のストップがレイヤーの最も遠い角に届きます。 |
farthest-side | 最後のストップが最も遠い辺に届きます。 |
closest-corner | 最後のストップが最も近い角に届きます。 |
closest-side | 最後のストップが最も近い辺に届きます。 |
| 長さ 1 つ | 円の半径をピクセルで指定します。 |
rx,ry | 楕円の 2 つの半径。それぞれピクセル、またはレイヤーの幅・高さに対する比率で指定します。 |
長さを明示した場合は blend-gradient-radial-shape より優先されます。長さは映像ではなくレイヤーを基準に測られ、Imgix のリテラル規則に従うため、0.25 は 4 分の 1、1 は 1 ピクセルです。
blend-gradient-type=radial が必要です。
特定のブレンドレイヤーを指定するには blend-gradient-radial-size[N] を使用します。N は 0〜3 です。レイヤー 0 はベアの blend-gradient-radial-size または blend-gradient-radial-size[0] のどちらでも指定でき、両方を指定した場合はベアの名前が優先されます。レイヤーが他のレイヤーの指定を借用することはありません。