Zum Inhalt
← Website-Prompts

Micro-Animationen, die sich gut anfühlen

Ruhige Bewegung an Knöpfen, Karten und beim Scrollen, ohne dass der Inhalt davon abhängt.

Art
Website
Erprobt mit
Claude Code (GSAP oder CSS)
Stand

Prompt

Gib [Website] Micro-Animationen, wie sie ein Motion Designer setzen würde. Nicht mehr Bewegung, sondern bessere.

- Knöpfe: kurzer Druck beim Antippen, Pfeil rückt beim Überfahren ein Stück.
- Erfolgsmomente (Formular gesendet, kopiert): ein kleines befriedigendes Feedback, z. B. ein Haken, der sich zeichnet.
- Beim Scrollen: Abschnitte gleiten einmal leicht herein, Bilder ohne Zoom-Spielerei.
- Rechner: gern etwas mehr Scroll-Bewegung. Handy: nur Rückmeldungen, nichts, was das Laden verzögert.

Regeln: weiche Kurven ohne Überschwingen, 150 bis 600 ms, nie Inhalt verstecken, bis JavaScript läuft, „Bewegung reduzieren“ respektieren, keine Layout-Sprünge. Messe danach am Handy die Ladezeit; wird sie schlechter, nimm zurück.

Weitere Prompts