CSS · Functions and values

repeating-linear-gradient()

Repeats a linear gradient, great for stripes and patterns.

cssRunnable example css course

Syntax

repeating-linear-gradient(...)

Example

Try it

.demo { background: repeating-linear-gradient(90deg, #eef6ff 0 10px, #fff 10px 20px); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.