# Cursor Gravity: 按钮登场动画

圆角三角形光标带着弹性阻力，把按钮从屏幕边缘拉出来，直到它停在中央。 视频特效，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-gravity

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-cursor-gravity.mp4?v=8410cfda3a

光标在屏幕边缘抓住一个按钮，以富有弹性的拉扯把它拽出来，直到按钮挣脱并停在中央。

- 框架: Remotion
- 类别: 特效
- 时长: 6 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/cursor-gravity

在亮紫色背景上，奶油色三角形光标从下方升起，抓住隐藏按钮的右边缘。它拉了两下，每次按钮都像橡皮一样被拉长又弹回，最后一拉终于把它拽出来，按钮尾端向内回弹。光标从下方离开，奶油色的"Create something"按钮停在中央。动画时长约六秒。

您可以修改按钮标签、弹性强度，以及光标、按钮、文字和背景的颜色，还可以调整播放速度和场景周围的背景。适用于行动号召、应用功能揭晓、俏皮的产品开场或视频结尾的注册引导。

## 适用场景

- 行动号召
- 应用功能揭晓
- 俏皮的产品开场
- 视频结尾的注册引导

## 可修改的内容

- `speed`: 播放速度 (数字)
- `label`: 按钮标签 (文本)
- `tension`: 弹性强度 (数字)
- `cursorColor`: 光标颜色 (颜色)
- `color`: 按钮颜色 (颜色)
- `textColor`: 文字颜色 (颜色)
- `backgroundColor`: 背景颜色 (颜色)
- `stageBackground`: 场景周围的背景 (文本)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Cursor Gravity 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Cursor Gravity 制作: https://remocn.dev