# Button Press: Button-Klickanimation

Ein Cursor drückt eine Taste, wodurch ein Spinner und ein Häkchen gestartet werden. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

Canonical URL: https://www.subclip.app/de/motion-graphics-templates/remotion/button-press

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-button-press.mp4?v=01f7476931

Ein Cursor klickt auf einen blauen Split-Button, der beim Hover dunkler wird, eingedrückt wird, kurz lädt und auf einem gezeichneten Häkchen endet.

- Framework: Remotion
- Kategorie: Klicks
- Dauer: 4 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/remotion/button-press

Die Szene beginnt in einem hellen Bild mit einem einzelnen blauen Split-Button in der Mitte: ein Label, eine dünne Trennlinie und ein kleiner Pfeil. Ein Cursor fährt darauf, der Button wird beim Hover dunkler und gibt beim Klick leicht nach. Das Label wechselt in einen Wartezustand wie "Deploying..." mit kleinem Spinner und landet dann auf einem gezeichneten Häkchen und einem Fertig-Label. Die Szene dauert etwas über vier Sekunden.

Du schreibst die drei Labels für Ruhe-, Warte- und Fertig-Zustand selbst, etwa Deploy, Publish oder Send, und stellst die Button-Breite so ein, dass längere Wörter passen. Wechsle zwischen hellem und dunklem Modus und passe die Wiedergabegeschwindigkeit an dein Tempo an. Sie deckt den Moment ab, in dem in einem Launch-Video, einem Tutorial-Schritt oder einer Produktdemo etwas veröffentlicht oder abgeschickt wird.

## Geeignet für

- Deploy- und Veröffentlichungsmomente
- Senden oder Absenden in Demos
- Call to Action in Tutorials

## Was du anpassen kannst

- `speed`: Wiedergabegeschwindigkeit (Zahl)
- `label`: Button-Label (Text)
- `pending`: Label beim Laden (Text)
- `done`: Label wenn fertig (Text)
- `width`: Button-Breite (Zahl)
- `mode`: Heller oder dunkler Modus (Text)
- `stageBackground`: Hintergrund um die Szene (Text)

## 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 Button Press 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.

Basiert auf Button Press von snapcn: https://snapcn.dev