在现代化的外贸独立站中，适当的网页动画（Motion）能够极大地提升网站的“高级感”与“科技感”，让访客在向下滚动浏览页面时，内容能以优雅的方式呈现，从而吸引注意力并降低跳出率。
在 SX-Creval 系统中，几乎所有的内容区块都内置了【动效设置】功能。你不需要懂任何代码，只需决定是否启用即可，像调色一样拉动参数，就能实现顶级的网页动态效果。
1. 动效类型选择 (Animation Style)
当你展开一个模块的“动效设置”时，首先需要为它挑选一个出场动作。系统为你预设了 6 种 经过精心调试的现代网页级动效：
- 1. 渐进上浮：内容从下方缓缓升起并逐渐清晰。这是最百搭、最经典的商务化动效，适合用于大段文字内容或卡片。
- 2. 从小变大：内容由小缩放至正常尺寸，带有一种视觉冲击力，适合用于强调某个单一产品图片或核心卖点。
- 3. 从大变小：内容由大缩放至正常尺寸，视线会随之聚焦，适合用于全屏的背景图片或大图模块。
- 4. 中心揭幕：如同拉开舞台幕布一般从中心向两侧或上下展开，充满电影感，非常适合用在“品牌故事”或“重磅新品发布”的区块。
- 5. 高斯模糊渐入：内容从模糊状态逐渐对焦变清晰。这是极具“苹果风”的高级动效，适合用于大标题和精美的产品渲染图。
- 6. 视差背景图：当访客滚动网页时，背景图片的移动速度比前面的内容慢，营造出一种空间立体的“视差错觉”，强烈推荐用在带有背景图的分割区块或 Banner 中。
(注：如果你希望某个区块静止不动，只需保持动效选择为空即可。)
2. 动效时间节奏控制 (Timing & Pacing)
选好动作后，你还可以对动效进行“导演级”的微调，让网页充满生命力：
动画延迟 (Delay)
- 作用：决定该模块在进入访客视线后，等待多久才开始播放动画。
- 设置方法：填写数字（单位：秒）。例如，填写 0.5 表示等待半秒钟后开始；填写 0 表示立刻开始。
- 妙用：如果你想让页面加载完后稍微停顿一下再给客户惊喜，可以增加一点延迟。
动画时长 (Duration)
- 作用：决定动画播放的速度快慢。
- 设置方法：填写数字（单位：秒）。数值越大，动画越慢。 默认推荐值为 1.0 秒。如果你希望它“唰”地一下快速出现，可以填 0.5；如果你想要非常缓慢、悠扬的呈现，可以填 1.5 甚至 2.0。
逐个显示间隔 (Stagger) - 魔法参数
- 作用：控制多个元素（如一个列表中包含3个产品卡片）的“多米诺骨牌”顺延效果。
- 设置方法：填写数字（单位：秒）。默认推荐 0.1 秒。
- 原理解释：如果你有一个包含 4 个优势卖点的图标排成一行。如果不设置该参数，4 个图标会同时弹出；如果设置为 0.1，那么它们会每隔 0.1 秒依次弹出（1号出完2号出，2号出完3号出），形成极具节奏感的流水线效果。
- (注意：如果当前模块只是一个单一元素，如一张单独的图片，调整此参数不会产生变化)
💡 SX-Creval 设计师小贴士 (Pro Tips)
- 克制才是最高级的：不要为网页上的每一个小零件都添加不同的夸张动效。建议全站以【渐进上浮】或【高斯模糊渐入】为主基调，保持商务严谨性。
- 善用列表的 Stagger (逐个显示)：在产品列表页、优势卡片组、客户评价轮播中，务必利用好“逐个显示间隔”参数。这种依次出现的节奏感，能有效引导海外买家逐个阅读你的卖点。
- 时间建议：通常情况下，保持系统默认的参数（延迟 0.3s / 时长 1.0s / 间隔 0.1s）就能获得极佳的体验，非特殊设计需求不建议将动画时长拉得过长（超过 2 秒），以免让心急的客户感到网页卡顿。