如何制作好看的手风琴设计效果

分享到:

想要好看的电脑网站手风琴设计效果吗?这样的:

或者这样的?

进入电脑版网站开始编辑吧~



一、添加手风琴模块

点击模块面板中,找到排版-手风琴:

点击即可添加,也可以拖动到想要的位置再添加。


二、编辑手风琴模块


  1. 基本编辑:切换初始或悬停添加模块

    1)点击切换初始或悬停,可以编辑初始状态、鼠标悬停区域的悬停状态效果。




    2)点击模块面板拖动模块进来,或者点击添加模块按钮,选择模块也可直接添加到手风琴中。


  2. 添加或删除列:

    在列工具栏上可以点击添加列,在该列右侧新增一列。

    点击删除,则可删除当前列。


  3. 设置样式:

    1)点击设置样式,可以对列进行选中编辑:


    2)可以对选中列的初始与悬停分别设置背景:


    3)可以对列的更多设置做自定义编辑:


  4. 设置默认的悬停展开列:

    可设置列为默认展开的列,在网站打开后,当前列会为悬停展开的效果。默认是首个列为默认展开列,也可以根据需要如设置居中的列为默认展开。

三、批量编辑提高效率:

  1. 复制列:

    可以编辑好一个列后,复制设计好的列。再删除不需要的空白列。快速做批量编辑。


2.根据图片背景编辑列:

可以编辑好列的个数、宽高度后,通过添加图片背景,根据图片尺寸上传设计好的图,即可快速制作:

图片尺寸可在添加图片的弹窗中获取推荐尺寸:




以上内容仍未解决您的问题?