Border-shape: the future of the non-rectangular web
New property makes borders, shadows, and outlines follow custom geometry.
CSS news
-
-
Declarative Dialog menu with invoker commands
Hamburger menu built with
<dialog>, minimal JS fallback, and smooth transitions. -
CSS grid lanes are arriving sooner than you think
Use progressive enhancement to ship masonry-style layouts now with JS polyfill or a CSS grid layout fallback.
-
CSS scroll-state container queries can now detect scrolling
Chrome 144 adds a CSS-only scroll direction state for lightweight UI tweaks.
-
Opinionated CSS reset for modern browsers
Low-specificity defaults via @layer plus modern typography and form, and media normalization.
-
Popover context menus with anchor positioning
A practical recipe for popover menus that animate, and flip to fit the viewport.
-
VoxCSS, a CSS voxel engine
3D HTML voxels via stacked CSS grids, no Сanvas.
-
How to
@scopeCSS now that it’s BaselineFull browser support makes scoped CSS practical for cleaner, modular styling.
-
Getting a close button to hang off of a dialog
Simpler dialogs with anchor-positioned close buttons.
-
Directional CSS with
scroll-state(scrolled)CSS queries that react to scroll direction shipping in Chrome 144.
-
Introducing CSS grid lanes
Native masonry-style layouts with grid lanes available for testing in Safari TP 234.
-
Smooth view transitions for dialogs
Combining modern web APIs for seamless UI animations.