Photo drawer sheet

Tap a dish in a recipe grid and its photo grows out of the card into the top of a panel under the header, the picture settling from 1.08 to full size with a dark corner holding the white title. Only then is a drawer pushed up from below to overlap the photo's bottom edge by 22 px; once it has landed the countdown climbs from zero and the progress bar fills to the share of days left.

What it is

Tap a dish and its photo grows out of the card into a panel, then a drawer slides up over its edge and the numbers fill in — three beats that keep the picture, the details and the place you came from all in view.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 「6 种 App/小程序高级弹窗交互 Popup Panels」 · 04 照片抽屉弹出 Photo Drawer Sheet · 0:22–0:27 (3× playback)