Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slash-separated color functions #2679

Closed
ZachSaucier opened this issue Jul 28, 2016 · 7 comments
Closed

Slash-separated color functions #2679

ZachSaucier opened this issue Jul 28, 2016 · 7 comments

Comments

@ZachSaucier
Copy link

Can the CSS Color page be edited to include the new slash-separated alpha value syntax? It also includes leaving out commas. Or a new page created specifically for it.

@chharvey
Copy link

chharvey commented Aug 3, 2018

Here's the spec: https://drafts.csswg.org/css-color/#rgb-functions

It allows for space-separated values for the red, green, and blue channels, with an optional alpha value followed by a slash. The red, green, blue, channels must all be percentages or all be numbers 0–255, and the alpha must either be a percentage or a number 0–1. Furthermore, the rgb()function may be used for an opaque color as well as a translucent/transparent color (where the alpha is not 1).

@chharvey
Copy link

chharvey commented Nov 3, 2018

Here are some reports:

@mathiasbynens
Copy link
Contributor

There is no verdict on [...] Safari yet.

For Safari, the relevant bug was https://bugs.webkit.org/show_bug.cgi?id=192321.

It seems this is now covered on caniuse here: https://caniuse.com/#feat=mdn-css_types_color_space_separated_functional_notation

@chharvey
Copy link

@mathiasbynens
Copy link
Contributor

For specs, we should always link to the working drafts, since that's what browsers strive to implement: https://drafts.csswg.org/css-color/#rgb-functions

@Fyrd
Copy link
Owner

Fyrd commented May 16, 2020

As mentioned, this is available at https://caniuse.com/#feat=mdn-css_types_color_space_separated_functional_notation

For now it's not possible to add resources to MDN-generated support tables, though I plan on making that an option in the future.

@Fyrd Fyrd closed this as completed May 16, 2020
@jawinn
Copy link

jawinn commented Jun 1, 2022

As mentioned, this is available at https://caniuse.com/#feat=mdn-css_types_color_space_separated_functional_notation

For now it's not possible to add resources to MDN-generated support tables, though I plan on making that an option in the future.

The above link does not work anymore. Here are working links, for those coming across this thread:
https://caniuse.com/mdn-css_types_color_rgb_space_separated_parameters
https://caniuse.com/mdn-css_types_color_rgba_space_separated_parameters
https://caniuse.com/mdn-css_types_color_hsla_space_separated_parameters
https://caniuse.com/mdn-css_types_color_hsl_space_separated_parameters

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants