CSS repeating radial gradient() Function
CSS repeating-radial-gradient() Function
The repeating-radial-gradient() function is used for repeating multiple radial gradients.
Syntax:-
Its syntax is:- background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);
Further Explanation:-
| Value | Description |
|---|---|
| shape | Defines the shape of the gradient. For example, circle, ellipse. |
| size | Defines the size of the gradient. For example, farthest-side, closest-side. |
| position | Defines the position of the gradient. Default is center. |
| start-color, ..., last-color | Color stops are the colors that we want to render with smooth transitions. It consists of a color value, with an optional stop position. |
Code Explanation
All Tutorials related to CSS Functions
attr() Function in CSS
calc() Function in CSS
conic-gradient() Function in CSS
counter() Function in CSS
cubic-bezier() Function in CSS
hsl() Function in CSS
hsla() Function in CSS
linear-gradient() Function in CSS
max() Function in CSS
min() Function in CSS
radial-gradient() Function in CSS
repeating-conic-gradient() Function in CSS
repeating-linear-gradient() Function in CSS
repeating-radial-gradient() Function in CSS
rgb() Function in CSS
rgba() Function in CSS
var() Function in CSS
