当前位置：代码装修工具› 阿里1688工具 › CSS3图片渐变变身代码生成器,实现鼠标经过渐变显示另外一张图 ... ...

本工具可实现鼠标经过渐变过度显示另外一张图片，这个和图片变身的区别就是，图片变身是鼠标经过直接显示另外一张图,而这个渐变变身鼠标经过后则会有一个渐变的过度然后再慢慢显示另外一张图片，就不会那么生硬，这个功能也可以搭配DW切片或者我们的HTML任意布局组件实现同一个模块多个渐变效果组件。具体请参考教程

模块基础信息设置

店铺类型选择

阿里巴巴(1688)

消除上间隙：

消除下间隙：（有多少间隙就填写多少,阿里巴巴一般消除下方间隙填写10）

模块内容设置

温馨提示：如需实现多图，请参考教程搭配html任意布局模块工具使用

链接打开方式

【本窗口】

【新窗口】

过度速度设置：数值越小速度越快

默认显示图：

鼠标经过图：

链接地址：

模块宽度：

模块高度：填写图片地址后系统将自动识别图片尺寸。[?]

全屏图片要求最好是1920宽度的图片，当然不是也可以！保证1920是为了兼容大屏幕的显示器。

加入全屏代码（如果不需要全屏请取消勾选）[什么作用?]

使用求助/反馈?

复制失败?

当前位置：代码装修工具› 阿里1688工具 › CSS3图片渐变变身代码生成器,实现鼠标经过渐变显示另外一张图 ... ...

CSS3图片渐变变身代码生成器,实现鼠标经过渐变显示另外一张图 ... ...

模块基础信息设置

店铺类型选择

模块内容设置

装修工具

资源下载

推荐版块

关于我们

平台简介