图文交互组件(文档)

图文交互组件是它包括了图片,标题描述。以及令人印象深刻的交互式动画。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【常规组件】中 ,选中图文交互组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

2,内容选项卡

2.1,图片 -模块设置,开始设置动感相框的内容如下

(1)上传图片:选择你的目标图片

(2)源图大小:选择图片的源文件,根据你使用的尺寸来选择源图片。

(3)文字内容动画:设置鼠标悬停文字的动画效果

(4)背景动画效果:设置鼠标悬停图片的动画效果

(5)总是显示鼠标悬停效果:如文本所述,具体请实际操作或查看视频。

 

 

2.2,内容 -模块设置,再这里可以设置标题,内容,按钮文本和设置文本链接。 具体请参考下图设置

 

 

3,样式选项卡

3.1,图像-样式设置模块,在这里您可以设置图片遮罩层的透明度,鼠标悬停透明度,圆角边框,最小高度等

 

 

3.2,标题与描述-这里的样式设置选项比较多,但是并不是每个样式配置都是必须配置的。很多时候我们只需要设置标题和内容的颜色和字体就可以了。

具体设置请查看下图设置与视频操作。

 

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了