radial-gradient() - CSS | Mdn css gradient
Theradial-gradient()CSS[1]function[2]createsanimageconsistingofaprogressivetransitionbetweentwoormorecolorsthatradiatefromanorigin.Itsshapemaybeacircleoranellipse.Thefunctionsresultisanobjectofthe
The radial-gradient() CSS[1] function[2] creates an image consisting of a progressive transition between two or more colors that radiate from an origin. Its shape may be a circle or an ellipse. The functions result is an object of the <gradient>[3] data type, which is a special kind of <image>[4].
radial-gradient(circle at center, red 0, blue, green 100%)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[5]<position>[6]The position of the gradient, interpreted in the same way as background-position[7] or transform-origin[8]. If unspecified, it defaults to center.
<ending-shape>The gradients ending-shape. The value can be circle (meaning that the gradients shape is a circle with a constant radius) or ellipse (meaning that the shape is an axis-aligned ellipse). If unspecified, it defaults to ellipse...