有人用 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 更快，适合简单 reveal5. 细化迭代。这一步就是根据你自己的感受继续去改善。比如说我自己的“Hero 的视差太快，把背景移动幅度减半”
0:16
有人用 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 更快，适合简单 reveal5. 细化迭代。这一步就是根据你自己的感受继续去改善。比如说我自己的“Hero 的视差太快，把背景移动幅度减半”
3.2K views2 weeks ago
x.com摸鱼巨匠🔨
See more
Static thumbnail place holder
You may also want to search