引力弹弓时间逆流：Logo 先撑开再弹回原位

效果是什么样的

1. 在周期的前 38%，粒子飞向一个放大版的 Logo：每个粒子瞄准自己的位置，但离中心再远最多 85 像素。
2. 随后图形猛地向内收缩到真实大小。
3. 收缩会冲过头并来回摆动：粒子围绕目标位置来回大约四次，摆幅逐渐减到 0。
4. 粒子从一半亮度开始，在收缩过程中达到完全不透明。

适合用在

• 大胆、有冲击力的品牌
• 运动、游戏、动作类产品
• 需要“撞击感”的时刻，比如发布、揭幕

默认设置

在你的网站上使用

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

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

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

// React (PixelLogoLoader.tsx)
<PixelLogoLoader variant="gravitational-slingshot" />

// HTML (index.html)
const variant = 'gravitational-slingshot';

分步教程： HTML · Vue 3 · React