The repeating-linear-gradient() Function

The CSS repeating-linear-gradient() function creates an image which represents a repeating linear gradient of colors. It's similar to linear-gradient() but it automatically repeats the color stops infinitely in both directions.

Syntax for repeating-linear-gradient()
CSSrepeating-linear-gradient( [ <angle> | to <side-or-corner> ,]? <color-stop-list> ), where <side-or-corner> is "[left | right] || [top | bottom]", <color-stop-list> is <color-stop>{2,} and <color-stop> is "<color> [ <percentage> | <length> ]?"


  • Note the required "to" keyword before <side-or-corner>.

Recommended Links

Search Engine Links (for more information)

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