xxxxxxxxxx
#grad {
background-image: radial-gradient(red, yellow, green);
}
xxxxxxxxxx
background: radial-gradient(#e66465, #9198e5);
xxxxxxxxxx
/* Applying a radial gradient as background */
.element {
background: radial-gradient(circle, #ff0000, #0000ff);
}
/* Applying a radial gradient to a text */
/* This will create a radial gradient background for the text */
.text {
background: radial-gradient(circle, #ff0000, #0000ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
xxxxxxxxxx
.gradient {
background-image:
radial-gradient(
circle,
yellow,
#f06d06
);
}