一、功能效果

利用自由容器，可实现让模块动起来的酷炫效果。

二、功能说明

【版本】无版本限制

三、配置教程

1. 添加模块

若已有模块，仅需设计动画效果可直接跳过此步骤，进入第（2）步骤。

在电脑网站设计页面点击左侧导航【模块-新增模块-排版】，新增【自由容器】模块。

点加“添加模块”，自行选择需要先的模块添加进自由容器，此处以添加文本、图片模块为例。

添加文本模块后，双击文本框输入内容；

选择“编辑文本”按钮，可调整文本样式，如字体、字号、颜色等。

添加图片模块后，选择模块上传图片；

上传图片后，可随意拖动文本和图片完成排版。

2. 模块特效与动画

文字和图片设计完成配置后，鼠标移至模块上，选择“模块特效”、“模块动画”完成设计效果。

选择编辑栏的“模块特效”按钮，为图片配置“放大”效果，如下图。

放大效果如下：

选择编辑栏的“模块动画”按钮，为文本和图片配置“跳入”效果，如下图。

配置完毕后，效果如下。

更多动画效果请自行发挥创意~

动画节奏建议

以下补充内容用于帮助你在自由容器中使用动画效果时，让动画真正服务页面表达：

• 重点突出：动画更适合强调主标题、核心卖点或关键转化入口，不建议每个元素都做动画。
• 节奏控制：同一区域内的动画方向和出现顺序最好保持一致，避免页面显得杂乱。
• 性能考虑：复杂动画效果上线前建议在中低性能设备上也预览一次，确认不会明显卡顿。
• 阅读优先：动画存在的前提是内容仍然易读，若影响阅读就应优先弱化效果。