动感相框组件可以吸引您的网站访问者的注意力,从而为您的网站内容添加一个有趣的交互式鼠标悬停效果。有趣的与访客互动交互,将使您的用户在您的站点上停留更长时间并进行互动
1,如何插入设计组件
只需从左侧的组件控制面板【常规组件】中 ,选中动感相框组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,动感相册 -模块设置,开始设置动感相框的内容如下
(1)选项图片:选择你的目标图片
(2)尺寸:设置图片的尺寸
(3)鼠标触发效果:鼠标划过的动画特效
(4)使用圆形:开启圆形效果
2.2,内容 -模块设置,开始设置动感相框的“图标”,“标题”及”内容“ ,如下
3,样式选项卡
3.1,动感相框-样式设置模块, 在这里您可以设置相框的“水平对齐”,“背景颜色”,“图标颜色”,“图标尺寸”参考下图
3.2,标题-样式设置模块, 在这里您可以设置相框的标题“颜色”,“字体尺寸”,“外距”
3.3,描述-样式设置模块,描述“文本颜色”,“字体设置”,“文本阴影”,“文本对齐方向”
恭喜你已完成当前组件的学习,感谢阅读。
评论