Repeating A background with arbitary offset in CSS

Question

Well, I am wondering if we can repeat a background with an arbitary offset in CSS ? From that i mean can we "Shift" a tile x and y pixel everytime its rendering it ? The uses cases could be mosiacs, patterns and a lot of stuff, Even isometric tiling can be achieved using so.

For example if i have a tile of 10px x 10px

Each time the tile is repeated i want to shift it 10px from top so what i will achieve is

[//]
    [//] 
        [//]
            [//]

So is there any existant solution or is Canvas just the way to go ( Do it in canvas and then use it as a background )

Answer 1

As of CSS3, this can't be done using only CSS styling. Repeated patterns are periodic either in the x (horizontal) direction, y (vertical) direction, both directions simultaneously, or neither (single image).

Reference: http://www.w3.org/TR/css3-background/#backgrounds