+ 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.
4 Respuestas
+ 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);
+ 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.
+ 2
Use
"-webkit-" for Chrome
"-moz-" fir Mozilla Firefox
Before Linear-gradient(...)