|
1 <div style="background: -moz-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> |