Playing with masked view transition interactions

this is phenomenal

curious on how did you build this?

Thanks! I made this in Origami Studio. Its essentially masking the photo and content below it for the default state and fully expanding the mask for open state. There are also a few transformations for xyz position, scale, and rotation between the two states.

The above could probably be done in Figma with Smart animate, but there is also the scroll interaction for scaling down dismissing once you go past a threshold which would be too complex for Figma.