CSS radial gradient() Function
CSS radial-gradient() Function
The radial-gradient() function is used to define a radial gradient as the background image. It is always defined by its center and has at least two color stops.
Syntax:-
Its syntax is:- background-image: 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. The center is by default. |
| 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
