当前位置: 阿里巴巴 CSS3图片渐变变身代码生成器,实现鼠标经过渐变显示另外一张图 ...

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

模块基础信息设置

店铺类型选择

消除下间隙: (有多少间隙就填写多少,阿里巴巴一般消除下方间隙填写10)

模块内容设置

温馨提示:如需实现多图,请参考教程搭配html任意布局模块工具使用
过度速度设置 :       数值越小速度越快
鼠标经过图 :
模块高度: 填写图片地址后系统将自动识别图片尺寸。[?]
全屏图片要求最好是1920宽度的图片,当然不是也可以!保证1920是为了兼容大屏幕的显示器。

平台简介

设计120( sheji120.com ),立志成为中国大型、涉及类目广、资源多、活跃的综合型电商设计师交流平台。集阿里巴巴代码装修工具在线特效生成+原创作品+灵感图库+经验教程+素材下载+设计师常用软件下载+各平台实用工具+电商资讯+社群活动为一体,多方位服务电商美工/设计师。

Archiver|手机版|设计120 ( 浙ICP备14040117号-4 )浙公网安备 33010402003084号  

Copyright   © 2016 - 2017 Sheji120.Com   杭州锋狂网络科技有限公司

现在加入设计120,注册一个账号
点击这里给我发消息
嘿!有什么能帮到您的吗?