CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: repeating-radial-gradient() CSS function

The repeating-radial-gradient() Function

A repeating radial gradient creates an image consisting of repeating gradients that radiate from a center point. It is similar to radial-gradient() (and takes the same arguments) but it repeats the color stops infinitely.

Syntax for repeating-radial-gradient()
 Syntax
CSSrepeating-radial-gradient( [ [ [ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list> ), where <rg-ending-shape> = "circle | ellipse", <rg-size> = "<rg-extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}", <rg-extent-keyword> = "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>?", and <linear-color-hint> = "<length-percentage>"

Notes

  • Negative values for <size> are invalid.

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem