A curated roundup of recent CSS and web platform developments including: using the upcoming sibling-index() function for animations (Baseline: Newly Available in Firefox 154), building a FIFA World Cup knockout bracket with CSS, practical use cases for the CSS infinity keyword in calc() and corner-shape, container scroll-state 'stuck' queries, three ways to animate hand-drawn text with SVG and CSS, and browser updates from Firefox 153 and Chrome 151.
Table of contents
Using sibling-index() for animationsHow to code a knockout bracketUse cases for the infinity keywordShould lazy loading be the default?3 ways to animate hand-drawn textAn introduction to container ‘stuck’ queriesNew web platform updates and features2.8K Impressions