每次重复时垂直翻转背景图像

rkp*_*sia 14 javascript css css-position css3 background-position

我正在寻找一种垂直重复背景图像的技巧,但每次重复图像时我都要垂直翻转它.

我在脑海里尝试了所有重复的东西,但我没有找到解决方案,甚至在谷歌搜索它.

例:

背景 直背景图像

背景垂直翻转 重复时,翻转背景图像

背景再次垂直翻转 然后再次翻转直线

有一种获得该位置的方法吗?

只有在没有纯css的解决方案时,我才会接受JScript(及其库)中的解决方案.

谢谢你们!

Mar*_*det 6

这不能使用标准CSS3来完成,因为没有CSS3属性来旋转背景图像.

参考:http://www.w3.org/TR/css3-background

正如所建议的那样,将两个图案组合在一个图像中,更加简单并始终有效.