W3C home > Mailing lists > Public > www-style@w3.org > January 2010

Re: [css3-background] border-radius color transitions using gradients recommended but undefined

From: Brad Kemper <brad.kemper@gmail.com>
Date: Tue, 26 Jan 2010 10:10:48 -0800
Cc: Sylvain Galineau <sylvaing@microsoft.com>, fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org" <www-style@w3.org>, Brian Manthos <brianman@microsoft.com>
Message-Id: <2E6B14F2-9D48-4EAF-9906-D55ED76C9014@gmail.com>
To: news@terrainformatica.com

On Jan 26, 2010, at 9:35 AM, Andrew Fedoniouk wrote:

> There are actually not too many alternatives.
> The most viable solution is to a) use conic gradient in the area (B) on this image: http://www.terrainformatica.com/w3/border-radius-transition-areas-fig.png
> Center of conic gradient is right/bottom corner of the area (B).
> Here are examples of gradients on border radius (renderings in htmalyout and Sciter engines):
> Using method (B):
> http://www.terrainformatica.com/w3/round-corners-sciter-b.png
> And for the record the same but using method (A) on the figure above:
> http://www.terrainformatica.com/w3/round-corners-sciter.png
> Note case #10. (B) variant I think is least controversial.

I actually much prefer the method used in case "D" of the Candidate Recommendation (the dark green area)[1], in which the gradation does not have to take place between lines that are perpendicular to the page.

[1] http://www.w3.org/TR/css3-background/transition-region.png

Received on Tuesday, 26 January 2010 18:11:21 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:31 UTC