17 briefs— one-minute reads, curated for senior frontend engineers.
Feature queries can now test for an at-rule rather than a property, and overscroll-behavior gains a value that hands scrolling to the next container without the bounce.
1 source
Embedded documents can now declare their own sizing, replacing the postMessage measurement loop that every embed widget has hand-rolled for a decade.
2 sources
Firefox 156 now reports `::-webkit-scrollbar` as unsupported in `@supports`, flipping negated feature queries onto standard scrollbar properties, and moves `text-box-trim` onto `::first-line` metrics.
1 source
Chrome 154 enforces CORS and Local Network Access for Background Fetch targets on localhost and the LAN, the one item here that needs work before the September 22 stable. The CSS additions are branch work, and text decoration insets retire gradient underline hacks.
2 sources
attr() drops its string-only limit, new progress() and alpha() functions grow the CSS math and color toolkit, and Promise.allKeyed plus allSettledKeyed land.
1 source
text-box and sibling-count()/sibling-index() are now Baseline, so you can drop the JavaScript workarounds for precise typography and dynamic layouts.
1 source
Safari's latest preview shows where CSS is heading with random() and corner-shape, and drops a line-clamp value worth grepping for.
1 source
Chrome 152 stable ships a standard CPU performance tier API, a network allowlist header, and CSSPseudoElement targets for backdrop clicks and mid-flight view transitions.
2 sources
Firefox 154 is the last gap: text-box and the sibling functions now work in every major engine, so you can delete the JavaScript and utility-class hacks doing their job.
1 source
Safari 27 beta ships a customizable native `<select>` and the case-sensitive `s` selector modifier, killing two of the oldest CSS workarounds you maintain.
1 source
Chrome 150 stable ships text-fit, which fits text to its container width in pure CSS and lets you drop FitText-style measurement JavaScript, though the spec stays a W3C draft with no Baseline support yet.
1 source
The :open pseudo-class is now supported in every major browser, letting you style open states of <dialog>, <details>, and <select> without JavaScript or custom attribute toggling.
2 sources
The v7 alpha rewrites the CSS parser, brings CSS custom properties and media queries to React Native, and adds a built-in animation adapter. No Reanimated required.
2 sources
Scroll-driven animations achieved Baseline status in 2026, meaning they're available in all major browsers. Parallax, scroll-triggered reveals, and progress-linked animations now work with pure CSS, no JavaScript, no IntersectionObserver, no animation libraries.
1 source
CSS Gap Decorations let you draw rules and borders in the gaps between Grid, Flexbox, and multi-column items. `column-rule` and `row-rule` now work with inset, visibility, and color properties, replacing hacky background tricks.
1 source
Two long-awaited CSS features landed in Chrome 147: border-shape for non-rectangular element borders, and element-scoped view transitions that animate individual components without full-page transitions. Here's how they work and what they replace.
1 source
Position tooltips, popovers, and dropdowns relative to any anchor element , without a single line of JavaScript. Native anchor positioning replaces a decade of third-party positioning libraries.
1 source