网页动效生成器
不用知道 GSAP、Framer Motion、anime.js 是什么，也不用写一行代码：用日常语言描述你想要的动感，从 70 条精选动画配方里匹配最合适的那条，直接在舞台上调到满意，再导出 CSS / JSON / React 交给开发落地。全部是 GPU 友好的 transform / opacity 属性，纯前端本地运行、不上传任何文件。
1 · 描述你想要的动感
怎么用最省事
- 先描述，后调参。句子里带上「感受词」（温柔 / 有弹性 / 高级 / 活泼 / 科技感）比写具体参数更容易被匹配到对的配方。
- 入场 + 强调可以叠。主配方选入场（1 次），「叠加动画」选强调类（无限循环），导出时两条 animation 会写在同一行，CSS 原生支持。
- 位移距离 / 起始缩放 / 旋转角度只对用得上它们的配方生效，滑块拽一下就知道有没有用。
- 每条配方都标了「适用」和「避免」，照避免项做能少踩一半坑。系统「减少动效」设置本工具会自动尊重，导出时也能带兜底。
- 逐字 / 打字机类配方导出的是带
--i 变量的 span 结构，HTML 示例里给了现成的拆字写法。