⯈ Help: radial-gradient() CSS function⯈ Help: radial-gradient() CSS functionA radial gradient creates an image consisting of a progressive transition between two or more colors that radiate from a center point. Its ending shape may be either a circle or an ellipse.
| Syntax | |
|---|---|
| CSS | radial-gradient( [ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list> ), where <radial-shape> = "circle | ellipse", <radial-size> = "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"<radial-extent> = "closest-corner | closest-side | farthest-corner | farthest-side", <color-stop-list> = "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#", <linear-color-stop> = "<color> && <length-percentage>?", <linear-color-hint> = "<length-percentage>" |