> ## 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.

# 质地

> 大写文本上的流动纹理蒙版 - 附带 6 种纹理（熔岩、大理石、金属、木材、混凝土、岩石），可通过纹理变量进行配置

# 质地

大写文本上的流动纹理蒙版 - 附带 6 种纹理（熔岩、大理石、金属、木材、混凝土、岩石），可通过纹理变量进行配置

`captions` `caption-style` `texture` `mask`

<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/caption-texture.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture.png" autoPlay muted loop playsInline />

## 安装

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

## 细节

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

## 文件

| 文件                     | 目标                                             | 类型             |
| ---------------------- | ---------------------------------------------- | -------------- |
| `caption-texture.html` | `compositions/components/caption-texture.html` | HyperFrames：片段 |
| `lava.png`             | `compositions/components/lava.png`             | 超框架：资产         |
| `marble-012.png`       | `compositions/components/marble-012.png`       | 超框架：资产         |
| `metal-046-b.png`      | `compositions/components/metal-046-b.png`      | 超框架：资产         |
| `wood-066.png`         | `compositions/components/wood-066.png`         | 超框架：资产         |
| `concrete-042-a.png`   | `compositions/components/concrete-042-a.png`   | 超框架：资产         |
| `rock-058.png`         | `compositions/components/rock-058.png`         | 超框架：资产         |

## 用法

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