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

Re: Talk on radial gradients

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 2 Sep 2009 08:00:16 -0500
Message-ID: <dd0fbad0909020600x72e4259cid05d4d365636fa9e@mail.gmail.com>
To: David Perrell <davidp@hpaa.com>
Cc: www-style list <www-style@w3.org>
On Tue, Sep 1, 2009 at 8:36 PM, David Perrell<davidp@hpaa.com> wrote:
> Tab Atkins Jr. wrote:
> | I'm sure it's useful for *someone*.  The question is if it's useful
> | enough to complicate the syntax and explanation with.
>
> I'd be satisfied with a center location, color-stop axis direction, other axis percentage (to be applied to color stop lengths along that axis), and color stops. Or something equivalently capable.

Well, what I've got now is a limited form of center location (only
allow keywords, so it only permits corners, center of sides, and
center of box), a shape (circle or ellipse), a size(sides, corners),
an axis (width, height, biggest, smallest), and then color-stops.  Any
or all of the first four can be omitted.  The #2 image, frex, can be
produced by:

background: radial-gradient(top left, yellow, blue);

You can't produce the #1 image in my current draft.

I'll put together a mock parser for it soon.

> | I really hope you're joking.  ^_^
>
> Well, I sure can't specify either or those examples with what I'd be satisfied with. :-)

Nod.  I'm happy to say "use SVG" at some point, or even "use
<canvas>".  I'm just trying to capture as much useful space as I can
in as little specification as I can.

~TJ
Received on Wednesday, 2 September 2009 13:08:18 GMT

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