Chcę ustawićbackground-image ale z określoną odległością między powtórzeniami.

Na przykład mam ten obraz, aby stać siębackground-image:

I chcę naprawić powtórzenia we wzorze takim jak ten:

SprawdźPlac zabaw JSFiddle

Szukam czystego rozwiązania CSS3, a nie JS, a nie dodatkowych elementów i tak dalej. Jeśli muszę używać bardzo nowoczesnych sztuczek CSS3 (nieobsługiwanych), to jest w porządku.