用css或js反射重复的背景图像？

Question

假设我将此作为图像;

这就是我想让背景看起来的样子;

用言语;我希望背景图像重复，但每次重复都要水平翻转。

我知道我可以将原始图像和水平翻转的版本并排放置并使用它。但这意味着原始图像的大小加倍，如果它已经很大，这不是解决方案。

Answer 1

这里接受的答案：Flipping an image with JS/Jquery基本上就是你要找的东西，除了你需要用某种循环（取决于你正在使用的语言）替换鼠标悬停功能带有模数的“翻转”类