Reflected-repeat background image with css или js?

Question

Предположим, у меня это как изображение;

Это то, что я хочу сделать фон выглядеть;

В словах; Я хочу повторить фоновое изображение, но горизонтально перевернулось на каждом повторе.

Я знаю, что могу просто поместить исходное изображение и горизонтально перевернутую версию рядом и использовать его. Но это означает удвоение размера оригинального изображения, и если он уже большой, это не решение.

Answer 1

принятый ответ здесь: Flipping an image with JS/Jquery - это в основном то, что вы ищете, за исключением того, что вам нужно будет заменить функцию mouseover на какой-то цикл (в зависимости от того, какой язык вы используете), который добавляет «перевернутый "class with modulo