[csswg-drafts] [fill-stroke] [filter-effects] [css-color] percentage opacity (#3342)

ewilligers has just created a new issue for https://github.com/w3c/csswg-drafts:

== [fill-stroke] [filter-effects] [css-color] percentage opacity ==
The opacity properties define their syntax using [`<alpha>`](https://www.w3.org/TR/css-color/#typedef-alpha-value).

In [CSS Color 3](https://drafts.csswg.org/css-color-3/#transparency), alpha only accepted number values.

In CSS Color 4, alpha accepts percentages in addition to numbers.
 
Blink/Edge/Firefox/Safari do not accept percentages for any of the opacity properties - [test page](https://jsfiddle.net/ericwilligers/zmgy8735/).

Blink and Firefox do accept percentage alpha in rgba() color values.

Was the change to support percentages intended only for color functions, with opacity properties affected accidentally, or are browsers intending to support percentages in *-opacity?

Affected properties:
- [opacity](https://drafts.csswg.org/css-color/#propdef-opacity)
- [flood-opacity](https://drafts.fxtf.org/filter-effects/#FloodOpacityProperty)
- [fill-opacity](https://drafts.fxtf.org/fill-stroke/#fill-opacity) (also in [SVG2](https://svgwg.org/svg2-draft/painting.html#FillOpacity))
- [stroke-opacity](https://drafts.fxtf.org/fill-stroke/#stroke-opacity) (also in [SVG2](https://svgwg.org/svg2-draft/painting.html#StrokeOpacity))
- stop-opacity (in [SVG2](https://svgwg.org/svg2-draft/pservers.html#StopOpacityProperty))



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3342 using your GitHub account

Received on Sunday, 25 November 2018 07:49:42 UTC