放射状グラデーションのX座標

gradient-radial-x パラメーターは、放射状の gradient の中心のX座標を、左上からの距離で指定します。デフォルトは画像の中心です。

整数はピクセル単位で、dpr が乗算されます。0 から 1 の小数は画像の幅に対する割合です。負の値も指定でき、その場合は中心がフレームの外側に置かれます。画面外から差し込むような光の表現に使えます。

中心を移動させることで、商品を片側から照らしたり、中心からずれた被写体の上にビネットの明るい領域を保ったりできます。

Edit in Sandbox

Edit in Sandbox

認識できない値は無視されます。gradient-radial-y と組み合わせて使用します。