RE: Mirror as background property

Tab Atkins Jr. wrote:
| So, how precisely would this work?  Would it just split the
| background-box in half/quarters, take whatever would normally display
| in the half/quarter indicated, and mirror that around?

No, it would work like background-repeat (and could not be used in conjunction with it). It would repeat once in the direction indicated, then flip the repeated 'image' in the direction in which it is repeated.
 
| Background-flip would need a way to specify which half it's supposed
| to use.  I sort of like background-mirror.

No, background-flip is not an alternate form of mirror. Background-flip would work exactly as 'transform:flip' works in Photoshop. The background image/gradient would continue to occupy the specified area. It would be flipped within that area.

A common hover/mousedown effect is a dimensional button. If an image is used for this, separate images are needed for :hover and :active. By applying 'background-flip: both' to a 'button up' background image, it becomes a 'button down' image.

| Don't actually need to do that.  Just size it normally and only
| specify out to 50%.  Background-mirror would automatically take care
| of anything that went past the halfway point (by overwriting it with
| the mirrored version).

What that means is that half of an image gets overlaid with a flipped copy of the other half.

- davidp

Received on Friday, 21 August 2009 17:35:12 UTC