checkout-push
Payment animation: a phone checkout with the amount landing and a camera push. A phone paying for something, pushed through the camera. The device stands still while the last digit lands on the amount — in one frame, the way a keypad press does — and then the camera walks into it, accelerating the whole way and laying the device back as it arrives so you end up looking up the screen. Fitted on the device's four silhouette edges in every frame of a reference, which is what separates the dolly (×1.35, accelerating) from the tilt (a pure rotateX from frame 18, no yaw or roll). The device is built from the design system and the screen is snapcn's own checkout.
checkout-push
Payment animation: a phone checkout with the amount landing and a camera push. A phone paying for something, pushed through the camera. The device stands still while the last digit lands on the amount — in one frame, the way a keypad press does — and then the camera walks into it, accelerating the whole way and laying the device back as it arrives so you end up looking up the screen. Fitted on the device's four silhouette edges in every frame of a reference, which is what separates the dolly (×1.35, accelerating) from the tilt (a pure rotateX from frame 18, no yaw or roll). The device is built from the design system and the screen is snapcn's own checkout.