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.
I tried all the things in my mind with repeat-y but I don't found a Solution, even searching for it in google.
Flipped background-image when it repeat-y
And then flipped again to straight
There is a method to obtain that position?
I'll accept the solution in JScript (and library of it) only if there isn't a solution with pure css.
Thank you all!
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.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here