# 精选动效案例

[查看所有动效↗](https://blocks.creght.com/)

![Effects · Sphere Wall 动效封面](https://fsu.creght.com/site/2083536173505974272/1785746500451__sphere_wall.jpg)[预览效果：Effects · Sphere Wall](https://blocks.creght.com/preview?section=sphere-wall)

Copy to Creght [预览效果](https://blocks.creght.com/preview?section=sphere-wall)

## Effects · Sphere Wall

可拖拽、滚轮控制并自动旋转的球面图片墙。

![Effects · Inner Globe 动效封面](https://fsu.creght.com/site/2083536173505974272/1785746498550__inner_globe.png)[预览效果：Effects · Inner Globe](https://blocks.creght.com/preview?section=inner-globe)

Copy to Creght [预览效果](https://blocks.creght.com/preview?section=inner-globe)

## Effects · Inner Globe

环绕旋转的球形照片场，以沉浸式空间动效呈现品牌影像。

![Effects · Shader Lines 动效封面](https://fsu.creght.com/site/2083536173505974272/1785589253525__shaderlines.png)[预览效果：Effects · Shader Lines](https://blocks.creght.com/preview?section=shaderLines)

Copy to Creght [预览效果](https://blocks.creght.com/preview?section=shaderLines)

## Effects · Shader Lines

着色器线条背景，为科技页面增加空间层次。

![Effects · Particle 动效封面](https://fsu.creght.com/site/2066727200882692096/1785750913357__compressed_image_3041.jpg)[预览效果：Effects · Particle](https://blocks.creght.com/preview?section=particle)

Copy to Creght [预览效果](https://blocks.creght.com/preview?section=particle)

## Effects · Particle

可复用粒子画布动效，可作为首屏或背景效果。

HOW TO USE

## 如何使用

三个简单步骤，把喜欢的动效快速用到你的站点中。

1. 01→


### 点击 Copy to Creght


在喜欢的动效卡片上点击 Copy to Creght，最新区块引用会自动复制到剪贴板。

2. 02→


### 选择站点并粘贴


打开你想编辑的站点，在右侧的 AI 对话框中粘贴刚刚复制的内容。

3. 03


### 描述需求与位置


告诉 AI 你想如何调整这个动效，以及要把它放到页面的哪个位置。


## 发现更多动效灵感

进入完整板块库，查看更多可以直接用于 Creght 网站的动效与页面区块。

[查看完整动效库 ↗](https://blocks.creght.com/)

> 全站页面清单：[/llms.txt](/llms.txt)