经典动画（AOS）
WebAcappella 长期以来一直通过 WOW.js 提供出现动画。现在，您可以在项目属性中直接选择使用 AOS（滚动动画）库。AOS 提供现代、流畅且易于调整的出现效果，无需编写代码。
在项目中启用 AOS
- 打开您的 WebAcappella 项目。
- 进入项目属性 → 动画效果。
为组件应用显示效果
- 选择一个组件（文本、图像、按钮、块等）。
- 打开“出现动画”面板。
- 选择效果类型（例如：淡入淡出、滑动、缩放、轻微旋转）。
最佳实践
- 少即是多 仅使用几个协调的效果（例如：淡入淡出+轻微平移）。
- 内容优先效果应有助于理解（突出标题、CTA、关键步骤）。
- 性能避免同时对过多元素添加动画效果，尤其是在移动设备上。
- 视觉一致性 在整个网站范围内协调效果的持续时间、延迟和类型。
- 可访问性/舒适性 优先选择简短适度的效果，既赏心悦目又不显突兀。
- 浏览器兼容性 某些效果在不同浏览器（尤其是Safari）中可能显示不同。请在多种设备上测试您的页面。
推荐使用场景
- 章节标题：轻微淡入淡出+低调的垂直滑动。
- 视觉模块（卡片、缩略图）：出现时进行轻微缩放。
- CTA（操作按钮）：干净利落的快速淡入淡出，保持响应性。
- 项目列表：级联式显示（间隔短暂延迟）。
从 WOW.js 迁移
- 使用 WOW.js 配置的旧项目仍可正常运行。
- 要使用 AOS：1. 在项目属性中激活 AOS。2. 重新检查关键组件并重新应用显示效果。3. 调整持续时间和延迟以确保视觉一致性。
营销提示
精心挑选的动画效果能强化信息传达（促销、新品、社交证明），并引导用户注意力。过度使用特效会分散内容焦点，令用户疲惫，并可能影响对质量和速度的感知。