全息光栅断层扫描：扫描光带逐行显出 Logo

效果是什么样的

1. 一道明亮的横向光带在一个周期内从画布顶部移到底部。
2. 光带上方的粒子立刻跳到自己在 Logo 上的位置，几乎完全不透明。
3. 光带下方的粒子停在随机起点附近，只有约 15% 的不透明度，并轻微左右抖动。
4. Logo 一行一行出现，光带移出底部后消失。

适合用在

• 适合扫描感的科技、安全、AI 产品
• 横向较宽或以文字为主、适合从上往下揭示的 Logo
• 需要让用户看到进度的加载状态

默认设置

在你的网站上使用

1. 打开已选中「全息光栅断层扫描」的工坊。
2. 上传你的 Logo（PNG、SVG、JPG 或 WebP），也可以直接拖到页面上，或按 Ctrl+V / ⌘+V 粘贴。
3. 调整粒子大小、形状和速度，然后点击导出代码。
4. 选择格式：HTML 文件免费；Vue 和 React 组件需要 Pro。

导出的代码里，用下面的写法选择这个效果：

<!-- Vue 3 (PixelLogoLoader.vue) -->
<PixelLogoLoader variant="scan" />

// React (PixelLogoLoader.tsx)
<PixelLogoLoader variant="scan" />

// HTML (index.html)
const variant = 'scan';

分步教程： HTML · Vue 3 · React