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.

3m read timeFrom css-tricks.com
Post cover image
Table of contents
Understanding random() and random-item()Creating folded corners using clip-pathRevisiting backdrop-filter and font-variant-numeric: tabular-numsGetting started with the Popover APIUnraveling yet another anchor positioning quirkBuilding dynamic toggletips using anchored container queriesDOOM in CSSSafari updates, Chrome updates, and Quick Hits you missed

Sort: