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