Stage Keyframe Tour
A landing page taller than the frame lies on a 3D perspective stage (perspective 900 + rotateX 14° + rotateY −20° + scale 0.86 + contact shadow); the camera travels a multi-keyframe path, docking at 3 points of interest in turn (each held 0.8–1s) before pulling away to exit; every segment sets the target point of interest as the transform-origin and translates it to frame center, so zoom and roll pivot around "the part currently being discussed" rather than the long page's geometric center
Now showingstage-keyframe-tour
Original demos may contain Chinese on-screen text.
stage-keyframe-tour
View recipe
Loading recipe…