Repeating gradient linear are invisible

Question

This code is run perfectly fine in sololearn.

https://code.sololearn.com/W4KG0sF2oYZP/?ref=app

But when i try it on my pc, the background is invisible and only show black text "repeating gradient". Anyone know what might cause this error?

I use chrome ver 80.0.3987.149 (32-bit) and mozilla firefox on windows 7. Text editor Visual Studio Code.

Answer 1

Add vendor prefixer
background: -webkit-repeating-linear-gradient(orange, gold 20px);
background: -moz-repeating-linear-gradient(orange, gold 20px);
background: -o-repeating-linear-gradient(orange, gold 20px);

Answer 2

Refer to
https://caniuse.com/#search=repeating-linear-gradient
Over 95% devices gobally supports repeating-linear-gradient.

If it's not working, i think you should check for other errors while you run page on your pc.

Answer 3

Use
"-webkit-" for Chrome
"-moz-" fir Mozilla Firefox
Before Linear-gradient(...)

Answer 4

Calviղ Abhay it didn't work, thanks for suggest.