Re: Mirror as background property

From: "David Perrell" <davidp@hpaa.com>
> More thoughts on this...
>
> Mirror could be incorporated into background-repeat:
>
>  'mirror no-repeat' mirrors to the right.
>  'no-repeat mirror' mirrors downward.
>  'mirror' or 'mirror mirror' mirrors to the right, then mirrors both 
> images downwards, giving you what would be a seamless pattern from any 
> image.
>
> The problem with that is that once you have that potentially-seamless 
> pattern, you can't tile it.

The best would then be :

background-repeat: <repeat-value> (<mirror-style>)?
    <repeapt-value> : 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat'
    <mirror-style> : 'no-mirror' | 'mirror' | 'mirror-x' | 'mirror-y'

>
> [...]
>

To solve the problem of the mirrored gradient, we can create a function like

<image> : ... | <seamless>
    <seamless> :  'seamless(' <image> ', ' <mirror-style> ')'

So we could have seamless(x-gradient(...), mirror) to have a seamless 
gradient 

Received on Saturday, 22 August 2009 12:03:21 UTC