State of CSS 2024

问卷调查会持续到 September 12, 2024 为止。

7/12数学

min(), max(), clamp()

.element {
  width: clamp(100px, 50vw, 600px);
}

sin(), cos(), tan()…

div {
  width: calc(100px * cos(45deg));
  height: calc(100px * cos(45deg));
}

round(), mod(), rem()

div {
  width: round(var(--width), 50px);
  line-height: mod(7, 2); /* 1 */
}

sign(), abs()

div {
  top: sign(20vh - 100px);
  width: abs(20% - 100px);
}

pow(), sqrt(), exp(), log(), hypot()

h1 {
  font-size: calc(1rem * pow(1.5, 4));
}