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

On Wed, Feb 24, 2010 at 5:15 PM, Sylvain Galineau
<sylvaing@microsoft.com> wrote:
> Should I want to go experimental and risk some interop kinks, Tab's
> gradient image feature offers a very interesting risk/reward ratio. And
> if few people do care about the actual color interpolation used in gradients,
> it's even more interesting. (Although I suspect getting gradients right on a
> large surface matters more than on a border corner)

Indeed, large-area gradients are much more important to get exact.  I
expect that the *-gradient() functions will often be used to line up
with other layout elements, frex, where pixel perfection is very nice
to have.

A gradient on a border corner, though, really *can't* be used like
that in any expected normal usage.  It should only become important
when you go out of you way to turn the transition area into a
large-area gradient, such as by making an element that is nothing
*but* curved border ("foo { border-style: solid; border-width: 100px
50px; border-color: red green blue yellow; border-radius: 100%/100%;
}").

(Interestingly, it appears that such an thick-border element is
impossible to use anyway today - both Firefox and Chrome render it
*extremely* badly.  They both fail the "objectively ugly" test.)

~TJ

Received on Wednesday, 24 February 2010 23:43:04 UTC