so, i was thinking about where transition-behavior: allow-discrete could actually be useful
and imo, one really good use-case is when you're toggling the visibility of elements and want to add a little animation (like a subtle fade).
eg, when expanding/collapsing a sidebar!
another underrated css prop i discovered only now is transition-behavior: allow-discrete!
it allows transitions between discrete props, like display or visibility, which can be super useful for entry/exit anims
on the left, without allow-discrete, switching from display block to none happens instantly
on the right, with allow-discrete, the element stays visible during the opacity transition, and swaps to none only when the transition finishes
built this funky something w/ Krea Agent
you can drop your logo and the app will extrude a 3d object from it to play around
or you can pick an object from your krea assets too!