For this issue of What’s !important, we have a healthy balance of old CSS that you might’ve missed and new CSS that you don’t want to miss. This includes random(), random-item(), folded corners using clip-path, backdrop-filter, font-variant-numeric: tabular-nums, the Popover API, anchored container queries, anchor positioning in general, DOOM in CSS, customizable , :open, scroll-triggered animations, , and somehow, more.

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

A curated roundup of recent and notable CSS features and techniques. Covers the new random() and random-item() CSS functions, folded corners via clip-path, backdrop-filter and font-variant-numeric: tabular-nums for practical UI improvements, the Popover API, anchor positioning quirks, anchored container queries for dynamic toggletips, customizable <select>, the :open pseudo-selector, and the upcoming <toolbar> element. Also includes browser updates from Safari Technology Preview 238 and Chrome 146, plus a note on Chrome moving to two-week release cycles.

What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More

Revisiting backdrop-filter and font-variant-numeric: tabular-nums

Unraveling yet another anchor positioning quirk

Building dynamic toggletips using anchored container queries

Safari updates, Chrome updates, and Quick Hits you missed