每次重复-y时垂直翻转背景图像 [英] Flip vertically a background-image every time it repeat-y

问题描述

我正在寻找一个垂直重复我的背景图像的伎俩，但每次图像重复，我想垂直翻转它。

I'm searching for a trick that repeat my background image vertically, but every time the image is repeated I want to flip it vertically.

我试过所有的

示例：

直背景图片

当它重复时翻转背景图像

Flipped background-image when it repeat-y

然后再次翻转直到

有一个方法来获取这个位置？

There is a method to obtain that position?

我将接受JScript（和它的库）的解决方案，只有没有一个有纯css的解决方案。

I'll accept the solution in JScript (and library of it) only if there isn't a solution with pure css.

谢谢大家！

推荐答案

CSS3，因为没有CSS3属性来旋转背景图片。

This cannot be done using standard CSS3 since there are no CSS3 properties to rotate a background image.

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

根据建议，将两个图案组合在一起单张图片，简单得多，总是可以工作。

As suggested, combine the two motifs in a single image, much simpler and will always work.

这篇关于每次重复-y时垂直翻转背景图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！