# Callout card: テキスト吹き出し

暗いカードは重要なポイントをシアンで強調表示します。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/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

小さなシアン色のラベルと太字の見出しが付いた幅広の暗いカード。ビデオ上で 1 つの重要なポイントを強調するために使用されます。

- フレームワーク: HTML & CSS
- カテゴリ: 注釈
- 再生時間: 3秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/html-css/callout-card

薄い光の境界線が付いた幅広の丸いカードがフレームの上部に表示されます。内側には、間隔をあけて大文字で書かれた小さな水色のラベルに「KEY POINT」と書かれており、その下の太字の白い線にはデフォルトのテキストで「Make this moment count」と書かれています。カードは CSS キーフレームを使用してアニメーション化し、アニメーション全体は 3 秒間実行され、フレームの下部は映像用に開いたままになります。

エディター コントロールがないため、手作業または AI コーディング エージェントを使用して、ラベル、主線、色を HTML および CSS で直接編集します。一目で読めるように主行は短くしてください。チュートリアルで要点を強調したり、説明で重要な統計にフラグを立てたり、話題のビデオに簡単なメモを追加したりするために使用します。

## 活用例

- チュートリアルの重要なポイント
- 説明文での統計の強調表示
- トーキングヘッドビデオに関するメモ
- コースのレッスンの概要

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Callout card]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。