RE: Suggestion: Offset a tiling background position for each row or column to create memory effecient interesting backgrounds

Hi Gabriel,

Can you give us a example CSS snipit, which includes your recommendation.


Also, possibly an easier implementation to consider might be:

background-offset-x: 40px;

or

background-offset-x: rnd(10px 40px);


another option I thought of was:

background-position-offset-x: 40px;

but that seemed a bit long.


Thanks,

Matthew Millar
Date: Wed, 10 Nov 2010 14:55:02 +0100
From: gabriel.zackari@gmail.com
To: www-style@w3.org
Subject: Suggestion: Offset a tiling background position for each row or  column to create memory effecient interesting backgrounds

Css suggestion:

Tiling a background with the "starting" position offset for each row or for each column:

Example (syntax need to be improved)

Background-position: offset-x 10px;


This would offset the starting position for each tile on every row with 10px.



Or random number?

Background-position: offset-x rnd 10-40px;
Would offset the position randomly between 10 and 40 pixels.

Rationale:

Offsetting each row of a background tile, would be a memory effecient way to 

create a much more varied background pattern. 

Eliminating the repeativeness of a pattern and the need for large pattern to create a look of randomness.
Thus making many websites more memory effecient.

It would also be a cheap way to create diagonal patterns.


Sorry if this has been suggested before.

/Gabriel