MotionVideo

Buscar en MotionVideo

Buscar vídeos, creadores, herramientas, creativos…

← Todas las instrucciones

Personalizar: Staggered UI card animation

La instrucción viene de una publicación de fleyta. Ver el vídeo

Hazlo tuyo

Todo es opcional. Tus datos se quedan en este navegador y se aplican a la siguiente instrucción.

Controles

Tu instrucción

La parte resaltada al final sale de tus datos y controles. Si contradice la instrucción, prevalece.

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.

Para obtener los mejores resultados, úsala con Claude Opus 5.5.