# Kinetic title: Titelanimation

Fettgedruckte weiße Titel werden auf einem schwarzen Bildschirm animiert. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Eine kurze fett gedruckte Titelanimation in weißen Großbuchstaben auf Schwarz, erstellt mit einfachen HTML- und CSS-Keyframes.

- Framework: HTML & CSS
- Kategorie: Titel
- Dauer: 3 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/html-css/kinetic-title

Es öffnet sich auf einem schlichten schwarzen Bildschirm und die Worte IHRE GESCHICHTE werden als einzelne zentrierte Linie aus dicken weißen Großbuchstaben animiert. Die Buchstaben sind fest angebracht, ohne zusätzliche Verzierungen, so dass die Bewegung und der Typ den gesamten Clip prägen. Die Animation wird durch CSS-Keyframes und nicht durch ein Skript gesteuert, läuft in etwa drei Sekunden ab und endet mit dem fertigen Titel in der Mitte des Frames.

Da es keine voreingestellten Steuerelemente gibt, können Sie den Wortlaut, die Schriftart oder die Farben ändern, indem Sie den HTML- und CSS-Code direkt bearbeiten, was die Neugestaltung vereinfacht. Nach einer kostenlosen Anmeldung können Sie den Code kopieren oder herunterladen, um ihn mit Claude, Codex oder einem anderen KI-Codierungsagenten zu verwenden, oder ihn einem Projekt in der Subclip-App hinzufügen. Es funktioniert als Kanal-Intro, Kapiteltitel oder Endkarte.

## Geeignet für

- Kurze Kanaleinführungen
- Kapiteltitel in Tutorials
- Abschlusskarten und Abmeldungen
- Einfache Story-Eröffner

## So nutzt du diese Vorlage

1. Lade Subclip für Mac oder Windows herunter. Alle Vorlagen auf dieser Seite sind dort bereits vorinstalliert.
2. Öffne das Vorlagen-Panel, wähle Kinetic title aus und zieh die Vorlage auf deine Timeline.
3. Passe Text, Farben und Timing in den Ebeneneinstellungen an oder lass den KI-Agenten die Änderungen für dich übernehmen.
4. Exportiere dein Video oder lade den Code herunter, um die Vorlage in deinem eigenen Projekt zu verwenden.