1278

Clocks Card Screen Morph Interaction

Clocks Card Screen Morph Interaction

Upon tapping the 'Display Clock' button, the central clock preview card expands and rotates to transition into a full-screen landscape clock. The surrounding settings UI, including the header and list items, fades out quickly to clear the canvas. The card's rounded corners expand to fill the screen edges, and the gradient background stretches smoothly. The transition uses a spring-like easing that gives the expansion a physical, organic weight, making the transition feel like a physical card unfolding into the full device viewport.