# Kinetic title: 标题动画

粗体白色标题以动画形式显示在黑色屏幕上。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/html-css/kinetic-title

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-kinetic-title.mp4?v=0a6561d65b

黑底白色大写字母的简短粗体标题动画，使用纯 HTML 和 CSS 关键帧构建。

- 框架: HTML & CSS
- 类别: 标题
- 时长: 3 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/html-css/kinetic-title

它在一个纯黑的屏幕上打开，"你的故事"这个词以一条中心线的粗白色大写字母的形式出现。字母排列紧密，没有多余的装饰，因此动作和字体贯穿了整个剪辑。动画由 CSS 关键帧而不是脚本驱动，播放时间约为三秒，最终标题位于帧中央。

没有预设控件，因此您可以通过直接编辑 HTML 和 CSS 来更改措辞、字体或颜色，从而使重新设计样式变得简单。免费登录后，您可以复制或下载代码以与 Claude、Codex 或其他 AI 编码代理一起使用，或将其添加到 Subclip 应用程序中的项目中。它可以用作频道简介、章节标题或结束卡。

## 适用场景

- 短频道介绍
- 教程中的章节标题
- 结束卡和签核
- 简单的故事开场白

## 如何使用此模板

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