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

RE: [css3-images] asymmetric radial gradients

From: Brian Manthos <brianman@microsoft.com>
Date: Mon, 31 Oct 2011 19:04:50 +0000
To: fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <9710FCC2E88860489239BE0308AC5D170440A4B7@TK5EX14MBXC264.redmond.corp.microsoft.com>
>On 10/30/2011 11:27 PM, Brian Manthos wrote:
>> http://msdn.microsoft.com/en-us/library/dd368149(VS.85).aspx
>> In D2D, this is addressed with the gradientOriginOffset parameter:
>> "In the brush's coordinate space, the offset of the gradient origin relative to the gradient ellipse's center."
>> To support it, it would be straighforward to expand the syntax from (one proposal):
>> radial-gradient(<size>  [at<position>]?,<color-stop>[,<color-stop>]+)
>> to (another proposal):
>> radial-gradient(<size>  [at<position>  [offset<length>{2}]? ]?,<color-stop>[,<color-stop>]+)
> That seems reasonable... but what happens if the offset places the
> gradient center outside the 100% ellipse?

I haven't fiddled with it, so I'd have to get back to you on the D2D answer.

That said, for CSS my instinct is....

We should clamp offset values to inside the ellipse (or do some other normalization).  Once the offset goes outside the ellipse it's becoming more of a conical gradient and thus doesn't really belong under the radial-gradient umbrella.

But this is just off the cuff, not deeply thought out.
Received on Monday, 31 October 2011 19:05:26 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:05 UTC