What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More

— Lea Verou, PhD (@lea.verou.me) 15:12 · Jul 16, 2026

What do you think? Make sure to read the comments!

3 ways to animate hand-drawn text

Johannes Bechberger showcased three ways to animate hand-drawn text. SVG scares the heck out of me to be honest, but Johannes cuts right to chase in the code comments.

An introduction to container ‘stuck’ queries

Chris Coyier demonstrated how to query whether an element is stuck using container scroll state queries (more specifically, using @container scroll-state(stuck: <keyword>)). This is one of those new container queries; although, neither Safari nor Firefox supports it yet.

New web platform updates and features

• Firefox 153
  • A number of interoperability improvements
  • Picture-in-Picture API (now Baseline)
• Chrome 151
  • <usermedia> (no Safari or Firefox support)
  • A whole bunch of interoperability improvements too

Want to see something weird? Chrome’s roadmap appears to be scheduled up for the next 14 years, stopping right after Chrome 499 specifically.

We’ll be on What’s !important #354 by then!

Anyway, until next time (What’s !important #17).