A radial gradient is specified by indicating the center of the gradient (where the 0% ellipse will be) and the size and shape of the ending shape (the 100% ellipse).
Values
<position>
The position of the gradient, interpreted in the same way as
background-position
ortransform-origin
. If unspecified, it defaults tocenter
.<ending-shape>
The gradient's ending-shape. The value can be
circle
(meaning that the gradient's shape is a circle with a constant radius) orellipse
(meaning that the shape is an axis-aligned ellipse). If unspecified, it defaults toellipse
.<size>
Determines the size of the gradient's ending shape. If omitted it defaults to farthest-corner. It can be given explicitly or by keyword. For the purpose of the keyword definitions, consider the gradient box edges as extending infinitely in both directions, rather than being finite line segments.
Both circle and ellipse gradients accept the following keywords for their
<size>
: