+ 2

Repeating gradient linear are invisible

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.

8th May 2020, 2:02 AM
ZĪ›RTHĪ›Š˜
ZĪ›RTHĪ›Š˜ - avatar
4 Answers
+ 3
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);
8th May 2020, 2:13 AM
CalviÕ²
CalviÕ² - avatar
+ 3
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.
8th May 2020, 2:37 AM
CalviÕ²
CalviÕ² - avatar
+ 2
Use "-webkit-" for Chrome "-moz-" fir Mozilla Firefox Before Linear-gradient(...)
8th May 2020, 2:18 AM
Abhay
Abhay - avatar
+ 2
CalviÕ² Abhay it didn't work, thanks for suggest.
8th May 2020, 2:24 AM
ZĪ›RTHĪ›Š˜
ZĪ›RTHĪ›Š˜ - avatar