# Parallax Zoom: Zoom Transition

In a nine-card color grid, the center card grows to fill the frame as the others drift outward. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/parallax-zoom

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-parallax-zoom.mp4?v=fd545c0666

A zoom transition that starts on a three-by-three grid of colored cards and pushes into the center card until it fills the frame.

- Framework: HyperFrames
- Category: Titles
- Duration: 4 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/parallax-zoom

The clip opens on a light gray background holding a three-by-three grid of rounded cards, each with a number, a bold label and a thin line. The colors run from deep green and peach to mustard, lavender, coral and charcoal. Over four seconds the center card scales up toward the viewer while the eight around it slide outward and off the edges, each at its own pace, until the center card covers the full 16:9 frame.

Edit the nine labels to match your topics, steps or features. Focus scale controls how big the center card grows, sibling push sets how far the outer cards travel as they leave, and sibling fade controls how much they fade out. Use it as a transition from an overview into one topic, for example jumping from a list of features into a closer look at the one in the middle.

## Use it for

- Overview to detail transitions
- Feature spotlight intros
- Chapter jumps in explainers
- Course section openers

## What you can change

- `labels`: Card labels (Text)
- `focusScale`: Center card zoom (Number)
- `siblingPush`: Outer card travel (Number)
- `siblingFade`: Outer card fade (Number)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Parallax Zoom and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.