To add circular or elliptical gradient to a block-level element, apply the following radial-gradient function to the element background:

radial-gradient(shape size at position, color-stop1, color-stop2, ...)

where shape defines the shape of the gradient, size defines the extent of the gradient, position defines the center of the gradient, and color-stop1, color-stop2, ... sets the color and location of the color stops.

Use the web form below to generate the code for the radial-gradient function. Use the [+] button to add more color stops. Use the [-] button to remove color stops.