Directional CSS with `scroll-state(scrolled)`

December 23, 2025

Una Kravets introduces a new scroll-state() container query landing in Chrome 144, enabling CSS to react to scroll direction. This feature allows developers to animate headers, toolbars, or elements based on user scrolling without JavaScript. It can be used as a progressive enhancement, falling back to static layouts.

una.im/scroll-state-scrolled

Tags chrome css scroll

February 5
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.
February 4
CSS scroll-state container queries can now detect scrolling

Chrome 144 adds a CSS-only scroll direction state for lightweight UI tweaks.
January 29
Try text scaling support in Chrome Canary

New meta element brings OS text scaling to mobile.
January 28
Opinionated CSS reset for modern browsers

Low-specificity defaults via @layer plus modern typography and form, and media normalization.
January 22
Introducing the <geolocation> HTML element

Declarative location requests land in Chrome 144, cutting boilerplate and improving recovery.
January 20
Popover context menus with anchor positioning

A practical recipe for popover menus that animate, and flip to fit the viewport.
January 15
What’s new in Chrome 144

Find results styling, declarative geolocation permission, and Temporal arrive in stable.
January 9
VoxCSS, a CSS voxel engine

3D HTML voxels via stacked CSS grids, no Сanvas.