灵活运用自由容器的动画效果

一、使用场景

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

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

免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流,可进群讨论!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
本站资源素材仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
本站所有图片素材均享自由版权下创作共用CC0协议。
沙周,沙周云,沙周智能营销 » 灵活运用自由容器的动画效果

沙周云是一家企业SaaS化智能营销服务平台,专注于为企业提供互联网+技术、产品、服务、资源的创新与整合,为企业互联网商业转型提供全方位应用支撑,致力于打造企业SaaS智能营销服务云平台。

立即查看 了解详情