# Button Press: 按钮点击动画

光标按下按钮，启动旋转器和复选标记。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/button-press

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-button-press.mp4?v=01f7476931

光标单击一个蓝色的分割操作按钮，该按钮在悬停时变暗，按下，旋转通过待处理状态并以绘制的复选标记结束。

- 框架: Remotion
- 类别: 点击
- 时长: 4 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/button-press

场景在一个轻框架上打开，中心有一个蓝色的分割按钮：一个标签、一个薄分隔线和一个小 V 形。光标移到它上面，按钮在悬停时变暗，然后在按下时稍微松开。在落在绘制的复选标记和完成标签上之前，标签会切换到挂起状态，例如带有小旋转器的"正在部署..."。它运行了四秒多一点。

您可以为空闲、待处理和完成状态编写三个标签，例如部署、发布或发送，并设置按钮宽度以便适合更长的单词。在浅色和深色模式之间切换，并更改播放速度以适应您的节奏。它涵盖了启动视频、教程步骤或需要明确号召性用语的产品演示的部署、发布或发送时刻。

## 适用场景

- 部署和发布时刻
- 在演示中发送或提交节拍
- 教程中的号召性用语

## 可修改的内容

- `speed`: 播放速度 (数字)
- `label`: 按钮标签 (文本)
- `pending`: 待定标签 (文本)
- `done`: 完成标签 (文本)
- `width`: 按钮宽度 (数字)
- `mode`: 浅色或深色模式 (文本)
- `stageBackground`: 场景周围的背景 (文本)

## 如何使用此模板

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

基于 snapcn 的 Button Press 制作: https://snapcn.dev