W3C home > Mailing lists > Public > www-style@w3.org > August 2011

Re: [css3-images] Resolving on gradient issues

From: Alan Gresley <alan@css-class.com>
Date: Wed, 10 Aug 2011 01:25:21 +1000
Message-ID: <4E415161.1010109@css-class.com>
To: Rafal Chlodnicki <rchlodnicki@opera.com>
CC: www-style@w3.org
On 10/08/2011 12:46 AM, Rafal Chlodnicki wrote:
> On Fri, 05 Aug 2011 07:25:23 +0200, Brad Kemper <brad.kemper@gmail.com>
> wrote:
>
>> On Aug 4, 2011, at 8:28 PM, Brian Manthos <brianman@microsoft.com> wrote:
>>> Further, Brad wrote:
>>>> And there already is very little need/demand for
>>>> 'repeating-radial-gradient'.
>>>
>>> I believe quite the opposite. The current repeating-radial-gradient
>>> provides capabilities that can't be simulated with background-repeat
>>> or any other properties without significant shenanigans.
>>
>> My point was that we already have a familiar way of repeating things
>> in backgrounds, and even with 'repeating-linear-gradient' available in
>> prefixed versions, authors seem to greatly prefer using
>> background-repeat and background-size instead, as I predicted. That is
>> my impression from looking at the code of many of the samples that Lea
>> Verou has showcased [1].
>>
>> You don't need shenanigans to get there. If we had 'background-rotate'
>> to rotate the background canvas, you would even need a magic 'auto'
>> value to deal with gradients. You could just set them to 'from bottom'
>> (or whatever that will be called), and then set 'background-rotate' to
>> some number of deg.
>
> How would you do such gradient without specifying all that repeating
> stops manually:
>
> http://dev.w3.org/csswg/css3-images/repeating3.png
>
> ?


Brad is talking about repeating-linear-gradient and not 
repeating-radial-gradient. He has a demo here.


http://bradclicks.com/cssplay/Gradient_Tiled_BG/index.html


This is not the below background tile moving either along the x or y axis,


|/ / / / /|   /|\
| / / / / |    |
|/ / / / /|    Y
| / / / / |    |
|/ / / / /|   \|/


<----X---->



but the below background tile moving on a rotated x or y axis.


        / -
       / / / -
      / / / / / -
     / / / / / / /
    / / / / / / /   /|
     - / / / / /   /
        - / / /   /
  |\__     - /   /
      \__      |/
         \|




-- 
Alan Gresley
http://css-3d.org/
http://css-class.com/
Received on Tuesday, 9 August 2011 15:25:49 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:43 GMT