Imgix APIsレンダリング APIグラデーションとフェードグラデーションの角度

グラデーションの角度

gradient-angle

gradient-angle パラメーターは、線形の gradient が進む方向を指定します。デフォルトは 180 で、上から下に向かいます。

角度はCSSの慣例に従い、グラデーションが向かう先の方向を表します。0 が上向きで、角度は時計回りに回ります。値は循環するため、-90 は 270 と同じです。

角度方向
0上へ
90右へ
180(デフォルト)下へ
270左へ

辺や角を直接指定することもできます。top、bottom、left、right、top,right、bottom,left などです。角を指定した場合の正確な角度は、CSSと同様に画像のアスペクト比によって決まります。

デフォルトの180、上から下
sandbox-demo
gradient-angle=90 は右に向かいます
sandbox-demo

認識できない値は 180 にフォールバックします。gradient-angle が読み取られるのは線形グラデーションの場合のみです。