Hi there,
After a crasy first day (and night) with gsap I'm super close to animate flex item resized caused by their parent flex direction change !
Almost, as the destination width when switching from column to row isn't right. I've done several attempt, more or less buggy or not working at all.
You may find the most advanced try in the pen linked.
It is curated, with few comments and console log for debuging
I've spend the day digging into the docum
@Visual-Q that looks closer, but not exactly right because things still jump sizes.
Flexbox makes flip animations much more complicated because it's impossible to fully control the width/height of the elements. You can set width: 574px, for example, and the browser actually renders the width nowhere near that. If you're trying to animate to flex-direction: row from flex-direction: column you literally cannot make any of the elements fill the whole width of the containing element whi