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

RE: [css3-images] radial-gradient issue raised by Brad

From: Brian Manthos <brianman@microsoft.com>
Date: Tue, 11 Oct 2011 22:25:27 +0000
To: Brad Kemper <brad.kemper@gmail.com>
CC: Tab Atkins Jr. <jackalmage@gmail.com>, www-style list <www-style@w3.org>
Message-ID: <9710FCC2E88860489239BE0308AC5D17F03E7C@TK5EX14MBXC266.redmond.corp.microsoft.com>
Brad Kemper:
> So your solution to this common case it to add auto sizing for height, but ignore
> the similar problem of having a corner-centered circular radial-gradient that fills
> the background height with the gradient line, regardless of width.

Huh?  The offered syntax allowed for auto sizing in width as well as height.

The way to do that in the offered syntax would be...
	background-image: radial-gradient(0 0, auto 100%, yellow, red 99.7%, black 99.7%);

The offered syntax is included again below for reference.  I say offered instead of proposed, because I'm not proposing we adopt it -- just offering it as an example of how the use case could be supported.



<radial-gradient> = radial-gradient(
                [<position>,]? 
                [[
                                [<shape> || <size>]
                                |
                                [ <length> | <percentage> | auto ]{1,2}
                ],]? 
                <color-stop>[, <color-stop>]+
)
Received on Tuesday, 11 October 2011 22:26:02 GMT

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