Roma Komarov @kizu@front-end.social
Public

I wrote a new article: “Solving Shrinkwrap: New Experimental Technique”

kizu.dev/shrinkwrap-solution/

In this article, I present my new technique for solving a  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.

A screenshot of one of the article’s examples. On a white background, there are several boxes visible in a three-dimensional view. The one in the back has rounded corners, green background and a pink outline, and is shorter. The one in the middle is longer, going the full width of the screenshot, and has a pink background. The one in the front has the following text: “I am a Longer Header; I Will Wrap & Look Bad! Oh no! What Can We Do?”, wrapped after the ampersand and balanced.
0
0
0

If you have a fediverse account, you can quote this note from your own instance. Search https://front-end.social/users/kizu/statuses/115966776474014598 on your instance and quote it. (Note that quoting is not supported in Mastodon.)