ブレンドレイヤーのグラデーション
blend-gradient
ブレンドレイヤー画像自体にカラーグラデーションを描画します。文法は映像の gradient と同じです。グラデーションはレイヤーのワープ (blend-skew、blend-arc、blend-distort) より前、そしてレイヤーが映像上に配置される前に適用されます。
有効な値は、カンマ区切りの 2〜16 個の Imgix カラー (RGB、ARGB、RRGGBB、AARRGGBB、または CSS カラー名) です。無効な色を含むリスト、または色が 2 個未満もしくは 16 個を超えるリストは何も描画せず、blend-gradient-* 修飾パラメータも一切読み取られません。
色はアルファが先頭です。cc000000 は 80% の黒で、00000000 は後続の色の桁に関わらず完全に透明です。
カラーグラデーションはレイヤーが見えている部分を着色し、透明な部分は透明のままです。レイヤーのグラデーションは常に透明に向かい、bg を取ることはありません。ブレンドレイヤーには背景がないためです。
特定のブレンドレイヤーを指定するには blend-gradient[N] を使用します。N は 0〜3 です。レイヤー 0 はベアの blend-gradient または blend-gradient[0] のどちらでも指定でき、両方を指定した場合はベアの名前が優先されます。レイヤーが他のレイヤーの指定を借用することはありません。