How can I write color stops when I use a repeating function?

Question

There is an example in the lesson

background: repeating-linear-gradient(blue, green 20px);

How or where should I add color stops?

Answer 1

@visph
It is not work for the last color. "green 200px" set repeating not color stops. For example

div {
height: 400px;
background:repeating-linear-gradient(blue, red 25px, green 200px);
}

It repeat once (400px/200px=2). How to set color stops for last one?

Answer 2

background:repeating-linear-gradient(blue, red 25px, green 200px);

Simply add how many colors ( and optionnaly dimensions ) you want ;)

Answer 3

Maybe just do:

(blue, red 25px, green 200px, green) ?

... as first and last color values are logicaly respectively for 0 and 100% ^^
( surely, I've just tested it )

Answer 4

hallo Alex