调查问卷 / State of CSS 2024
问卷调查会持续到 September 12, 2024 为止。

3/12颜色

  1. color()
  2. accent-color
  3. color-mix()
  4. Wide Gamut Colors
  5. Relative Colors
  6. 插值颜色空间

css 
.brightest-green {
  background: color(display-p3 0 1 0);
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
input[type='checkbox'] {
  accent-color: tomato;
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
.teal {
  background: color-mix(in lab, white 20%, #34c9eb);
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

lch(), lab(), oklch(), oklab()

css 
.foo {
  background-color: lab(29.2345% 39.3825 20.0664);
  background-color: lch(29.2345% 44.2 27);
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
.foo {
  --color: #4488dd;
  background-color: hsl(from var(--color) h s calc(l * 1.2))
}
告诉我们更多：
告诉我们更多：
告诉我们更多：

css 
.gradient {
  background: linear-gradient(in oklab, hsl(80 90% 50%), red);
}
告诉我们更多：
告诉我们更多：
告诉我们更多：