- Description
The parameters for radial-gradient are: radial-gradient(position, size and shape, color stops );
Position: where to place the center of the gradient. You can use keywords (top, left, center, right, bottom) or numeric values such as (%, px, em) to specify position.
Defaults to center center or 50% 50% if not given.Size and Shape: Here you can change the dimensions of the gradient to cause a ellipse or a circle.
Color stops: Defines where each color should be strongest.
Defaults if not specified, to 0% the center for the first color, and 100% for the second.- Live Example
- Play with the code in the textarea below.
- Values
- radial-gradient(position, size and shape, colour stops );
- Introduced in CSS version
- 3
- Inherited
- N/A
- Browser Support
Browsers IE Firefox Safari Opera Chrome Versions 10 -moz- -webkit- -o- -webkit-
Belongs to:
See the full list CSS properties and browser support: CSS Properties
