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: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Sat, 20 Mar 2010 12:34:40 -0700
Message-ID: <dd0fbad1003201234o78e93639rc9ebc920976e953a@mail.gmail.com>
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>
On Sat, Mar 20, 2010 at 11:36 AM, Fran├žois REMY
<fremycompany_pub@yahoo.fr> wrote:
> With the two rules I've choosen, we get this result :
> http://cid-201f3835d49587fe.skydrive.live.com/self.aspx/Public/Temp%202/CSS%20WG/2010-03-20%20-%20Border-Radius%20Gradient%202.pdf
>
> 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.

Yeah, I'm not happy with the results of this.  Take a look at the
circular gradient you have.  Keep the same border-radius, but
gradually increase the border-width while keeping the overall width
constant.  As the border increases to fill more of the space, the
gradient will gradually shrink, until there is no gradient at all when
the box is filled with border.

Sure, this is deterministic, but it's not very pretty, and it exhibits
less pretty behavior precisely as the gradient becomes more obvious.

~TJ
Received on Saturday, 20 March 2010 19:36:34 GMT

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