CSS HTML Validator - The All-In-One HTML, XHTML, CSS, Link, SEO, and Accessibility Checker
Home Help: repeating-linear-gradient() CSS function

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 "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#", <linear-color-stop> is "<color> && <color-stop-length>?", <linear-color-hint> is <length-percentage>, and <color-stop-length> is <length-percentage>{1,2}


  • 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