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
