问题描述
我正在寻找一个垂直重复我的背景图像的伎俩,但每次图像重复,我想垂直翻转它。
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.
参考:
根据建议,将两个图案组合在一起单张图片,简单得多,总是可以工作。
As suggested, combine the two motifs in a single image, much simpler and will always work.
这篇关于每次重复-y时垂直翻转背景图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!