> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hyperframes-zh.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# 视差变焦

> 中心卡片按比例放大以填充框架，而兄弟姐妹则向外视差 — 灵感来自 eBay Playbook 英雄过渡

# 视差变焦

中心卡片按比例放大以填充框架，而兄弟姐妹则向外视差 — 灵感来自 eBay Playbook 英雄过渡

`transition` `zoom` `parallax` `grid` `hero`

<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/parallax-zoom.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/parallax-zoom.png" autoPlay muted loop playsInline />

## 安装

<CodeGroup>
  ```bash Terminal theme={null}
  npx hyperframes add parallax-zoom
  ```
</CodeGroup>

## 细节

| 财产 | 价值 |
| -- | -- |
| 类型 | 成分 |

## 文件

| 文件                   | 目标                                           | 类型             |
| -------------------- | -------------------------------------------- | -------------- |
| `parallax-zoom.html` | `compositions/components/parallax-zoom.html` | HyperFrames：片段 |

## 用法

打开 `compositions/components/parallax-zoom.html` 并将其内容粘贴到您的作品中。有关详细说明，请参阅文件中的注释标题。