MotionVideo

Rechercher sur MotionVideo

Rechercher vidéos, créateurs, outils, créatifs…

← Toutes les instructions

Personnaliser : Staggered UI card animation

L’instruction vient d’une publication de fleyta. Voir la vidéo

Personnalisez-le

Tout est facultatif. Vos informations restent dans ce navigateur et s’appliquent à l’instruction suivante.

Réglages

Votre instruction

La partie surlignée à la fin vient de vos informations et réglages. En cas de conflit avec l’instruction, elle l’emporte.

Build a GSAP timeline for UI cards with specific timing constraints: 280ms for cards, 220ms for title, 160ms for metadata, and a 60ms stagger between elements. Implement a verification loop where the animation is stepped through frame-by-frame using Playwright, screenshots are compared to detect overshoot or errors, and the code is patched until it passes the checks without rewriting everything.

Pour de meilleurs résultats, utilisez-la avec Claude Opus 5.5.