Implement gradients for color transitions between border edges with border-radius

NEW
Unassigned

Status

()

Core
Layout: View Rendering
--
enhancement
10 years ago
3 months ago

People

(Reporter: zwol, Unassigned)

Tracking

(Blocks: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

10 years ago
http://dev.w3.org/csswg/css3-background/#the-border-radius says that "a gradient is recommended for color transitions" between borders with a nonzero border-radius in that corner, but we don't implement that.
(Reporter)

Updated

10 years ago
No longer blocks: 431176
Ugh, I don't think we should; or at the very least, we should add another css property to control whether the transition occurs or not.
(Reporter)

Comment 2

10 years ago
It's just a "recommended," but maybe you should bring that up with the committee?
(Reporter)

Updated

9 years ago
Blocks: 431176

Comment 3

8 years ago
This page have a good example for the transition, not ?
http://www.owlfolio.org/htmletc/border-radius/
(Reporter)

Comment 4

8 years ago
I'm flattered, but the example on that page was thrown together in 10 minutes with Illustrator and is not remotely precise enough to *define* the necessary gradient.

Pixman does support conical gradients and has for quite some time (the code appears to have been added sometime in 2007) but Cairo doesn't expose it :-(
The recommendation to use a gradient for color transitions was obviously removed from the spec. See https://drafts.csswg.org/css-backgrounds-3/#changes-2009 (removed in https://github.com/w3c/csswg-drafts/commit/626d36526cd7a9e4a8f52723ca7a21c2b54f1d81).

So, it's up to the user agent how to transition between the colors.

Sebastian
You need to log in before you can comment on or make changes to this bug.