This content originally appeared on Manuel Matuzović - Web development blog and was authored by Manuel Matuzović
On day 11 I've introduced you to space-separated functional color notations. Early color functions like rgb() and hsl() support both the old comma-separated and the new space-separated syntax.
/* ✅ works */
div {
background-color: rgb(255, 210, 210);
color: hsl(150, 76%, 20%);
}
/* ✅ works */
div {
background-color: rgb(255 210 210);
color: hsl(150 76% 20%);
}On the other hand, new color functions like lab(), hwb(), lch(), or oklch() only support the space-separated syntax.
/* ✅ works */
div {
background-color: hwb(0deg 82% 0%);
color: lab(33% -31 16);
}
/* ❌ doesn't work */
div {
background-color: hwb(0deg, 82%, 0%);
color: lab(33%, -31, 16);
}
This content originally appeared on Manuel Matuzović - Web development blog and was authored by Manuel Matuzović
Manuel Matuzović | Sciencx (2022-11-17T09:38:54+00:00) Day 39: comma-separated functional color notations. Retrieved from https://www.scien.cx/2022/11/17/day-39-comma-separated-functional-color-notations/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.