crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> div { height: 200px; background-color: red; background-image: repeating-linear-gradient(lime, cyan 10%, green 20%); } </style> </head> <body> <h1>CSS linear gradients repeat</h1> <div></div> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KZGl2DQp7DQogIGhlaWdodDogMjAwcHg7DQogIGJhY2tncm91bmQtY29sb3I6IHJlZDsNCiAgYmFja2dyb3VuZC1pbWFnZTogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChsaW1lLCBjeWFuIDEwJSwgZ3JlZW4gMjAlKTsNCn0NCg0KPC9zdHlsZT4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+IDo6LXdlYmtpdC1zY3JvbGxiYXJ7d2lkdGg6N3B4O2hlaWdodDo3cHg7fTo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2t7YmFja2dyb3VuZDojZmZmO306Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1ie2JvcmRlci1yYWRpdXM6NXB4O2JhY2tncm91bmQ6IzJmNDVmZjt9PC9zdHlsZT48L2hlYWQ+DQo8Ym9keT4NCg0KPGgxPkNTUyBsaW5lYXIgZ3JhZGllbnRzIHJlcGVhdDwvaDE+DQo8ZGl2PjwvZGl2Pg0KDQo8L2JvZHk+DQo8L2h0bWw+