Here's some rad CSS that just hit baseline between October 2025 - April 2026.
At this point with the following features, the "I can't use it" vibe can shed away.
Anchor Positioning #
Anchor positioning lets you natively tether components to target elements without adjusting DOM semantics or crowding the main thread.
This widget doesn't show green across the board as of writing this, there are sub features that aren't all supported, but the general featureset is ready.
Checkout Tab's talk about anchor called
Anchor Positioning at CSS Day 2025.
Checkout my post on AIM if you missed it, neat anchor technique for FLIP-like transitions with anchor.
@scope #
CSS selector scoping, not style scoping; a common misconception.
However! With @scope we can simplify naming conventions or robobarf classnames just to avoid global cascade collisions.
The "donut" feature is very special, it can limit styles from cascading into nested components by setting an end to the selector (a donut hole 🍩).
Chris gave a talk about @scope called Scope In CSS at CSS Day 2025.
Name Only Container Queries #
@container no longer requires a size condition.
You can now conditionally style elements just by name:
.sidebar {
container-name: sidebar;
}
.card {
display: grid;
@container sidebar {
grid-auto-flow: column;
}
}
- Chrome 149
- Safari 26.4
- Firefox 148
Chris wrote a good post about it over on FrontEnd Masters.
shape() #
Responsive, native CSS geometry.
Draw complex clipping paths using standard CSS syntax and dynamic units (like rem or calc()) instead of being locked into rigid SVG pixel coordinates.
Temani wrote a rad post about it over on FrontEnd Masters and a "complex" post CSS-Tricks.
shape-outside with xywh() and rect() #
Wrap inline text around precise geometric boundaries with xywh() and rect().
Typographical control over floating text flows without relying on images or clip-paths.
- Chrome 150 (soon)
- Safari 18
- Firefox 149
Still no pretext, but also still coo.
view-transition-class and Types #
SPA-like routing animations.
With view-transition-class you can target massive collections of DOM nodes with a single animation rule, while JS View Transition Types let you programmatically direct "forward" or "backward" contextual motion.
rcap, rch, rex, ric #
Even more typographic precision.
