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

Repeating gradients (Was: Re: Talk on radial gradients)

From: Simon Fraser <smfr@me.com>
Date: Tue, 25 Aug 2009 08:23:03 -0700
Cc: Brad Kemper <brad.kemper@gmail.com>, "robert@ocallahan.org" <robert@ocallahan.org>, www-style list <www-style@w3.org>
Message-id: <C622C569-40BC-45AB-B6E9-F80B3368408B@me.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
On Aug 25, 2009, at 8:07 AM, Tab Atkins Jr. wrote:

> On Tue, Aug 25, 2009 at 9:41 AM, Brad Kemper<brad.kemper@gmail.com>  
> wrote:
>> On Aug 24, 2009, at 10:07 PM, "Robert O'Callahan" <robert@ocallahan.org 
>> >
>> wrote:
>>
>> On Mon, Aug 24, 2009 at 10:15 AM, Tab Atkins Jr. <jackalmage@gmail.com 
>> >
>> wrote:
>>>
>>> I'm just really hesitant to add an explicit ending-circle  
>>> declaration,
>>> because it's rather complex (a full bg-position to place the center,
>>> then up to two radiuses to finish it out).  I think you can get the
>>> effects you want just by using <length> on your color-stops, and  
>>> that
>>> this technique is probably roughly as easy as an explicit
>>> ending-circle declaration.  I'll change it if I have to, but I'm  
>>> wary
>>> of it.
>>
>>
>> An ending-circle is necessary if you're going to support repeating  
>> radial
>> gradients, which I think we should. -moz-radial-gradient supports  
>> them, and
>> they're pretty cool.
>>
>> Can you elaborate what you mean? Don't you get repeating radial  
>> gradients
>> support regardless, via background-repeat and background-size? I  
>> wouldn't
>> expect an ending circle to provide an intrinsic image dimension. Is  
>> that
>> what you mean happens in firefox?
>
> Yes, please elaborate!  Do you mean supplying a color-stop list, and
> then cycling through those stops infinitely?
>
> My syntax is *very much* shaped by my own experience with gradients.
> If you've got more use-cases, please share them!

<https://developer.mozilla.org/en/CSS/Gradients> has quite a few  
examples with
repeating gradients.

We should discuss whether background-repeat: no-repeat turns on gradient
repeating mode, as Firefox has implemented.

Simon
Received on Tuesday, 25 August 2009 15:23:52 GMT

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