ai21.net
语言

Build a GSAP timeline for UI cards with specific timing co…

演示视频

Build a GSAP timeline for UI cards with specific timing co… — 1

提示词

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.

中文译文

为 UI 卡片构建一个 GSAP 时间线,并带有特定的时间约束:卡片 280ms,标题 220ms,元数据 160ms,元素之间错开 60ms。实现一个验证循环:使用 Playwright 逐帧步进播放动画,对比截图以检测过冲或错误,并修补代码直到通过检查,而不重写所有内容。

溯源

原作者
fleyta88
发布日期
2026-10-08(由推文 ID 反解)
原始出处
查看原帖 ↗
收录来源
yihui-dev/awesome-opus5-5-videos · fleyta88-443662 · MIT