Imgix APIsレンダリング APIグラデーションとフェード放射状グラデーションのサイズ

放射状グラデーションのサイズ

gradient-radial-size

gradient-radial-size パラメーターは、放射状の gradient がどこまで届くかを指定します。デフォルトは farthest-corner です。

値到達範囲
farthest-corner(デフォルト)中心から最も遠い角
farthest-side中心から最も遠い辺
closest-corner最も近い角
closest-side最も近い辺
単一のピクセル半径その半径の円
rx,ryその半径の楕円。ピクセルまたは割合で指定します

これらはCSSのキーワードで、挙動もCSSと同じです。CSSと同様に、割合を1つだけ指定することはできません。ピクセル半径か、2つの値の組で指定してください。

デフォルトの farthest-corner
sandbox-demo
gradient-radial-size=closest-side
sandbox-demo

認識できない値は無視されます。ピクセル単位のサイズは dpr に応じて拡大縮小されますが、割合では不要です。