# Lower third: 姓名牌

蓝色名称标签滑入左下角。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-lower-third.mp4?v=6cc6af4c09

左下角的渐变字幕条带有粗体大写名称和较小的职位说明，使用 CSS 关键帧构建。

- 框架: HTML & CSS
- 类别: 字幕条与行动号召
- 时长: 3 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/html-css/lower-third

字幕条出现在框架的左下角。带有蓝色到青色渐变的圆角卡片以动画形式显示，然后名称以粗体白色大写字母显示，其下方有一条较小的职位说明，默认版本中为"您的姓名"和"您的角色"。框架的其余部分保持空白，因此标签位于您的素材上方，而不覆盖主题。动画时长三秒，在纯 CSS 关键帧上运行。

该模板没有编辑器控件，因此您可以更改 HTML 和 CSS 中的名称、角色和渐变颜色。该代码简短易读，因此可以轻松手动或使用人工智能编码代理进行编辑。用它来介绍采访、播客、网络研讨会、视频博客和企业视频中的演讲者，或者在嘉宾第一次出现时给他们贴上标签。

## 适用场景

- 采访中的演讲者姓名
- 播客和网络研讨会嘉宾
- 在视频博客中介绍自己
- 企业和活动视频

## 如何使用此模板

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