Repeating linear gradients

WARNING: NOTHING IN THIS TEST SHOULD BE TAKEN SERIOUSLY. THE REPEATING-LINEAR-GRADIENT SYNTAX COULD BE ALL WRONG, LEADING TO USELESS RESULTS. PROCEED AT YOUR OWN RISK. CORRECTIONS ARE WELCOME.

The ruler is a background-repeat-repeated GIF, included for measurement purposes. As you might expect.

Each blue pattern is a repeating-linear-gradient of the form…
repeating-linear-gradient(left, rgba(0,0,255,0.5) 0px, rgba(0,0,255,0.5) 1px, transparent 1px, transparent 2px);
…where the lengths are multiplied by the number of each test. Thus, for test 6, they are 6px, 12px, 12px, and 18px, respectively.

Each red pattern is a background-repeat-repeated PNG which alternates half-transparent red and full transparency.

1. O
   O
   O
2. O
   O
   O
3. O
   O
   O
4. O
   O
   O
5. O
   O
   O
6. O
   O
   O
7. O
   O
   O
8. O
   O
   O
9. O
   O
   O
10. O
    O
    O