Motion Effects

动态效果（Motion Effects）

Motion Effects（动态效果） 让您的网站更具互动性和吸引力，包括 Entrance Animations（进入动画）、Scroll Effects（滚动效果）和 Mouse Effects（鼠标效果）等。

Entrance Animations（进入动画）

功能：为元素设置进入页面时的动画效果。

设置方法：

1. 选择要添加动画的元素，进入 Advanced（高级） 选项卡。
2. 展开 Motion Effects（动态效果） 部分。
3. 在 Entrance Animation（进入动画） 下拉菜单中，选择所需的动画效果。
4. 调整 Animation Duration（动画持续时间），设置动画速度。

使用技巧：

• 适度使用：过多的动画可能会影响用户体验。
• 突出重点：将动画应用于重要元素，吸引用户注意。

Scroll Effects（滚动效果）

功能：根据用户的滚动行为，触发元素的动态变化。

类型：

• Vertical Scroll（垂直滚动）：元素在垂直方向上移动。
• Horizontal Scroll（水平滚动）：元素在水平方向上移动。
• Transparency（透明度）：元素的透明度随着滚动变化。
• Blur（模糊）：元素的清晰度变化。
• Rotate（旋转）：元素旋转角度变化。

设置方法：

1. 在 Motion Effects（动态效果） 部分，启用 Scroll Effects。
2. 选择所需的效果，调整参数，如速度、方向、视口位置等。

使用技巧：

• 创造深度感：使用滚动效果模拟视差滚动（Parallax），增加页面的层次感。
• 引导视线：通过动态变化，引导用户关注特定内容。

Mouse Effects（鼠标效果）

功能：当用户移动鼠标时，元素产生互动效果。

类型：

• Mouse Track（鼠标跟踪）：元素根据鼠标位置移动。
• 3D Tilt（3D 倾斜）：元素呈现三维倾斜效果。

设置方法：

1. 在 Motion Effects（动态效果） 部分，启用 Mouse Effects。
2. 选择 Mouse Track 或 3D Tilt，调整效果强度和其他参数。

使用技巧：

• 增强互动性：在重要的视觉元素上添加鼠标效果，提升用户体验。
• 控制强度：适当的效果强度，避免过度干扰。