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

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

From: François REMY <fremycompany_pub@yahoo.fr>
Date: Sat, 20 Mar 2010 19:36:38 +0100
Message-ID: <ABA2B791244C48DF825C823B0330C242@Fremy1>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
Cc: "Sylvain Galineau" <sylvaing@microsoft.com>, "CSS 3 W3C Group" <www-style@w3.org>, "fantasai" <fantasai.lists@inkedblade.net>, "Daniel Glazman" <daniel.glazman@disruptive-innovations.com>
With the two rules I've choosen, we get this result :

Please notice that it can apply on the "border-radius: 0px;"
whithout changing the way user agents renders it currently.

I volontary have decided to use a method that would be
continuous and would have highly predicable results. Maybe
we could do better (=beautifuller) but it would be counter
intuitive and would need exceptions for special cases.

From: "Tab Atkins Jr." <jackalmage@gmail.com>
Sent: Saturday, March 20, 2010 3:54 PM
To: "François REMY" <fremycompany_pub@yahoo.fr>
Cc: "Sylvain Galineau" <sylvaing@microsoft.com>; "CSS 3 W3C Group" 
<www-style@w3.org>; "fantasai" <fantasai.lists@inkedblade.net>; "Daniel 
Glazman" <daniel.glazman@disruptive-innovations.com>
Subject: Re: Fw: [css3-background] border-radius color transitions using 
gradients (recommended but undefined)

> On Sat, Mar 20, 2010 at 2:24 AM, François REMY
> <fremycompany_pub@yahoo.fr> wrote:
>> My proposal is to use a linear gradient instead of a
>> complex gradient because generating a linear gradient
>> is a task that can be accelerated by hardware and that's
>> pretty simple, while other proposals like conic gradient
>> are much complex and would need bitmap generation
>> that would not be hardware-boostable.
>> The fact is that a linear gradient can lead to very good
>> results, so there's no need to use more complex solutions.
> Can you show how you expect things to look in the more complex cases
> that we explored?  Particularly, the case where the border-width is
> larger than the radius, so that there is a sharp inner corner, as well
> as the case where the box is *all* border with maximum border-radius
> (that is, an oval of border paint).
> ~TJ
Received on Saturday, 20 March 2010 18:37:15 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:13:44 UTC