摸鱼巨匠🔨 (@SunNeverSetsX) “有人用 Fable 5 搭了一个超级 Nice 的网站，平滑滚动、动画、过渡，全用 Fable 5 完成” — TopicDigg
摸鱼巨匠🔨
@SunNeverSetsX
🎯 AI + Web 3
📌 Vibe Coding & AI干货 & 自动化工作流 & AI变现
📡 深度学习 | 持续输出
📩 合作：
加入 December 2024
716 正在关注 12.8K 粉丝
有人用 Fable 5 搭了一个超级 Nice 的网站，平滑滚动、动画、过渡，全用 Fable 5 完成。
我试了一下，流程也不复杂：
1. 先去 Mobbin 或 Godly 找个你喜欢的网站风格，截图下来。
2. 去 Aceternity UI 或者 Magic UI 拖那些现成的动画块（滚动揭示、视差、渐变）
3. 把步骤 1 的截图和步骤 2 的组件引用放进去，告诉 Fable 5 你要哪些部分以及滚动行为，让它先规划再动手
4. 动画工具选择
首选 GSAP + ScrollTrigger：适合复杂视差、pin、scrub 动画
备选 Framer Motion：React 组件内用 whileInView + variants 更快，适合简单 reveal
5. 细化迭代。这一步就是根据你自己的感受继续去改善。比如说我自己的“Hero 的视差太快，把背景移动幅度减半”
显示更多
