一、使用场景

利用自由容器,可以实现让模块动起来的酷炫效果,如下图。

1610613599-3d45a2dcdd6eac6

二、具体操作

2.1、进入电脑版设计页面,点击页面左侧“模块”按钮,进入“新增模块-排版”中,找到并添加“自由容器”模块。

1610613623-e719ac1049a51931610613624-28b04850602c070

1610613624-7ec485e449215bc

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

1610613626-0d658d31dd03640

1610613632-a3fa666cd76a85c

2.3、添加文本模块后,双击文本框输入内容;点击“编辑文本”按钮,可调整文本样式,如字体、字号、颜色等。

1610613634-ffbc734ef436cd0

2.4、添加图片模块后,点击模块上传图片;上传图片后,可随意拖动文本和图片进行排版。

1610613635-bc19ea044ab64a4

2.5、文字和图片设计完成后,鼠标移至模块上,点击“模块特效”、“模块动画”,发挥想象力设计酷炫效果。

1610613638-e8133819a86bb26

1610613640-38953bc70b66154

以本文参考效果为例,参考设置步骤如下:

点击编辑栏的“模块特效”按钮,为图片设置“放大”效果,如下图。

1610613641-c45bf0927c26b95

1610613645-7d31db912057fb0

点击编辑栏的“模块动画”按钮,为文本和图片设置“跳入”效果,如下图。

1610613663-38a72e52a0ef539

设置完毕后,效果如下。更多动画效果请自行发挥创意~

1610613665-f2edfb2eac84feb

发表回复

后才能评论