# Callout card: 文字标注

深色卡片以青色突出显示关键点。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-callout-card.mp4?v=e510f8f728

一张宽的深色卡片，带有青色小标签和粗体标题，用于指出视频中的一个关键点。

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

框架的上部出现一张带有细浅边框的宽圆角卡片。里面有一个小青色标签，以间隔大写字母显示"关键点"，下面有一条粗体白线，显示"让这一刻在默认文本中发挥作用"。该卡使用 CSS 关键帧进行动画处理，完整的动画运行三秒，为您的镜头留下框架的下部。

没有编辑器控件，因此您可以直接在 HTML 和 CSS 中手动或使用 AI 编码代理编辑标签、主线和颜色。保持主线简短，以便一目了然。用它来强调教程中的要点，标记解释器中的关键统计数据，或在主讲视频中添加快速注释。

## 适用场景

- 教程中的要点
- 在解释器中突出显示统计数据
- 关于头部说话视频的注释
- 课程中的课程总结

## 如何使用此模板

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