本文介绍了每次重复-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.

参考:

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

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

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

05-27 11:11