unknown

The CSS `sign()` function returns `1`, `-1`, or `0` based on whether a math expression is positive, negative, or zero. It enables conditional styling logic in pure CSS without JavaScript — for example, toggling tooltip direction, switching colors, or rotating elements based on a variable's sign. Combined with `clamp()`, it can act as a binary switch to apply different styles for positive vs. negative values. Key caveats: it always returns a unitless number (must be multiplied by a unit before use), it operates on resolved values rather than raw values (which can surprise with percentages), and it returns `NaN` for invalid calculations like division by zero.

CSS-Tricks

Shared articles about the most poetic of the code languages.