In What’s !important #16, see how the soon-Baseline sibling-index() function can be used for animations, revisit the 2026 FIFA World Cup with CSS, explore the use cases for the infinity keyword, learn about container ‘stuck’ queries, and much more.
Following on from Chris Coyier’s In-N-Out Animations series, Temani Afif showed us how to use sibling-index() for animations, which Firefox 154 will ship on the 18th of August, 2026, making it Baseline: Newly Available. The demos are exceptionally cool, so I’ll share a couple of them below:
How to code a knockout bracket
The 2026 FIFA World Cup has concluded, which even with all of its controversies was an absolute banger. For those feeling the post-World Cup blues, Ahmad Shadeed showed us how to build the knockout bracket using CSS. This is such a fun read — definitely don’t miss this.
Source: Ahmad Shadeed.
