Imgix APIsRendering APIGradient and FadeGradient Radial X

Gradient Radial X

gradient-radial-x

The gradient-radial-x parameter sets the x coordinate of a radial gradient’s center, measured from the top-left. It defaults to the center of the picture.

A whole number is pixels, multiplied by dpr. A decimal from 0 to 1 is a fraction of the picture’s width. Negative values are allowed, which puts the center outside the frame — useful for a glow that appears to come from off-screen.

Moving the center is how you light a product from one side, or keep a vignette’s clear area over an off-center subject.

The default, centered
sandbox-demo
gradient-radial-x=0.2
sandbox-demo

An unrecognized value is ignored. Paired with gradient-radial-y.