- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Sat, 20 Mar 2010 12:34:40 -0700
- 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 UTC