Anchor_Positioning

All Articles

• Solving Shrinkwrap: New Experimental Technique

  January 27, 2026 with tags: #Anchor Positioning #Scroll Driven Animations #Future CSS #Experiment #CSS

  In this article, I present my new technique for solving a CSS problem that was deemed impossible — true shrinkwrapping of an element with auto-wrapped content. By using anchor positioning and scroll-driven animations, we can adjust our element’s outer dimensions by measuring its inner contents, demonstrating that for many cases this can already work and might unlock a future native feature.

• The Shrinkwrap Problem: Possible Future Solutions

  December 7, 2023 with tags: #Anchor Positioning #Future CSS #CSS Round #Experiment #CSS

  There is one old, yet unsolved, CSS problem: shrinking containers to fit the content when it automatically wraps. While not intentional, anchor positioning allows us to come closer to solving it, at least for a few cases. In this article, I’ll demonstrate how we can use anchor positioning to neatly decorate wrapping text or elements in flex or grid contexts.

• Future CSS: Anchor Positioning

  March 15, 2023 with tags: #Anchor Positioning #Future CSS #Experiment #CSS Variables #CSS

  Anchor positioning might be one of the most exciting features coming to CSS. It is currently available under an experimental flag in Chrome Canary, and after playing with it for a bit, I couldn’t stop myself from sharing what I found. In this article, I will show you some of my experiments.