灵活运用自由容器的动画效果
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":97,"cheight":31,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674261794890.jpg","picWidth":"97","picHeight":"31","inpColor":"#000000","color":"#000000","type":6,"effectBdColor":"#000000","hasEdit":true}
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":67,"cheight":31,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674261794891.jpg","picWidth":"67","picHeight":"31","inpColor":"#000000","color":"#000000","type":6,"effectBdColor":"#000000","hasEdit":true}
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":318,"cheight":38,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674286960643.png","picWidth":318,"picHeight":38,"inpColor":"","color":"#000000","type":0,"effectBdColor":"#000000","hasEdit":true}
GO
灵活运用自由容器的动画效果
发布日期:2021-06-18 09:42:06浏览量:42

【电脑版】

一、功能效果

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

 

二、设置教程

1、在电脑网站设计页面点击左侧导航栏【模块-新增模块-排版】,添加【自由容器】模块。如下图所示:

 

2、点击【添加模块】,按需求添加模块至自由容器模块中。

 

 

 

3、添加文本模块后,鼠标停在文本模块上,点击“编辑模块”按钮,可设置文本样式,如字体、字号、颜色等。

 

 

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

 

 

5、点击编辑栏的“模块动画”按钮,为文本设置动画效果。如图:

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