radial-gradient

The CSS radial-gradient() function creates an <image> which represents a gradient of colors radiating from an origin, the center of the gradient. The result of this function is an object of the CSS <gradient> data type.

Example

<html lang="en">
    <head>
        <style>
            p {
                background: -webkit-radial-gradient(45px 
				45px, cover, rgb(255, 0, 0) 0%, rgb(0, 0, 255) 100%);
                background:radial-gradient(45px
                45px, cover, rgb(255, 0, 0) 0%, rgb(0, 0, 255) 100%);
            }
        </style>
    </head>
    <body>
        <p>
            The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>

Output

Untitled