# Cursor Gravity: Knopf-Enthüllungsanimation

Ein abgerundeter Dreieckscursor zieht einen Knopf mit federndem Widerstand vom Bildschirmrand heraus, bis er in der Mitte zur Ruhe kommt. Videoeffekt: Code für Claude kopieren oder in Subclip bearbeiten.

Canonical URL: https://www.subclip.app/de/motion-graphics-templates/remotion/cursor-gravity

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-cursor-gravity.mp4?v=8410cfda3a

Ein Cursor packt einen Knopf am Bildschirmrand und zieht ihn in elastischen Rucken heraus, bis der Knopf freikommt und in der Mitte zur Ruhe kommt.

- Framework: Remotion
- Kategorie: Effekte
- Dauer: 6 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/remotion/cursor-gravity

Auf einer leuchtend violetten Fläche steigt ein cremefarbener Dreieckscursor von unten auf und packt die rechte Kante eines verborgenen Knopfs. Er zieht zweimal, und jedes Mal dehnt sich der Knopf und schnellt wie Gummi zurück, dann befreit ihn ein letzter Zug, und die hintere Kante federt nach innen. Der Cursor verschwindet nach unten, und der cremefarbene Knopf "Create something" kommt in der Mitte zur Ruhe. Die Animation dauert etwa sechs Sekunden.

Sie können die Knopfbeschriftung, die elastische Spannung sowie die Farben von Cursor, Knopf, Text und Hintergrund ändern, dazu Wiedergabegeschwindigkeit und den Hintergrund rund um die Szene. Verwenden Sie die Vorlage für einen Call to Action, die Enthüllung einer App-Funktion, ein verspieltes Produkt-Intro oder eine Aufforderung zur Anmeldung am Ende eines Videos.

## Geeignet für

- Calls to Action
- Enthüllungen von App-Funktionen
- Verspielte Produkt-Intros
- Anmeldeaufrufe am Videoende

## Was du anpassen kannst

- `speed`: Wiedergabegeschwindigkeit (Zahl)
- `label`: Knopfbeschriftung (Text)
- `tension`: Spannung (Zahl)
- `cursorColor`: Cursorfarbe (Farbe)
- `color`: Knopffarbe (Farbe)
- `textColor`: Textfarbe (Farbe)
- `backgroundColor`: Hintergrundfarbe (Farbe)
- `stageBackground`: Hintergrund rund 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 Cursor Gravity 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 Cursor Gravity von remocn: https://remocn.dev