Re: Talk on radial gradients

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 UTC