The Future of CSS

487 points · 202 comments on HN · read original →

Points and comments are a snapshot, not live.

Browser vendors are collaborating on Interop 2027 to standardize CSS functions, corner-shape, and anchor positioning.

Josh W. Comeau highlights the Interop project, which has successfully pushed features like CSS Subgrid to near-universal support. For Interop 2027, top proposed features include CSS functions (e.g., @function for reusable calculations), corner-shape (bevel, squircle, notch), border-shape for custom borders, anchored container queries for tooltip fallback detection, the inherit() function to transform inherited values, scroll-triggered animations, reading-flow for logical tab order in responsive layouts, interpolate-size for animating height: auto, and gap decorations for grid borders. Most features are currently Chrome-only but are candidates for cross-browser implementation.

What commenters are saying

Commenters split into two camps: those excited about CSS's growing capabilities, and those concerned about complexity and feature creep. Multiple users praised modern CSS for replacing JavaScript in animations and layouts, noting that features like light-dark() and @layer make maintenance easier. However, several argued functions and Turing-complete additions make CSS into an awkward programming language that should delegate to JavaScript. One commenter noted that every mentioned feature is currently Chrome-only, questioning Interop's effectiveness.