# Kinetic title: タイトルアニメーション

黒い画面に太字の白いタイトルがアニメーション表示されます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/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/ja/motion-graphics-templates/html-css/kinetic-title

それは無地の黒い画面で開き、「YOUR STORY」という言葉が中央に太い白い大文字の 1 本の線としてアニメーション表示されます。文字はしっかりと設定されており、余分な装飾がないため、動きと文字がクリップ全体を伝えます。アニメーションはスクリプトではなく CSS キーフレームによって駆動され、約 3 秒で再生され、フレームの中央に保持される完成したタイトルで終了します。

プリセットされたコントロールがないため、HTML と CSS を直接編集して文言、フォント、色を変更することができるため、スタイルを簡単に変更できます。無料サインイン後、コードをコピーまたはダウンロードして Claude、Codex、または別の AI コーディング エージェントで使用したり、Subclip アプリのプロジェクトに追加したりできます。チャンネルのイントロ、チャプターのタイトル、またはエンドカードとして機能します。

## 活用例

- 短いチャンネルのイントロ
- チュートリアルの章タイトル
- エンドカードとサインオフ
- シンプルなストーリーオープナー

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

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