linear-repeat-1f.html (668B)
1 <div style="background: linear-gradient(black, black 50px, white 50px, white 100px, black 100px, black 150px, white 150px, white 200px); 2 background-size: 100px 200px; background-repeat: repeat-x; 3 width: 300px; height: 800px; 4 margin-bottom: -600px;"></div> 5 <!-- making the gradient actually be 300px high isn't reliable since 6 the stop positions cannot be exactly represented and rounding errors 7 creep in. So just let the gradient be 200px high and pad out to match 8 the reference. --> 9 <div style="background: black; width: 300px; height: 50px;"></div> 10 <div style="background: white; width: 300px; height: 50px;"></div>