疯狂的美工阿里巴巴国际站工具做全屏CSS3鼠标经过图片变另一张图遮罩特效代码案例

2018-07-09 10:44:32  浏览：5921  作者：疯狂小编

阿里国际站英文店铺做图片变身效果，alibaba英文外贸平台装修鼠标经过特效模块怎么做？阿里巴巴国际站旺铺2.0实现全屏海报模块上带鼠标经过变换另一张图片效果的方法来了，疯狂的美工小编给大家带来工具及视频教程，教大家如何在阿里巴巴国际站店铺实现CSS3关灯变身效果模块哦~快快来学习怎么使用吧！

GIF.gif

阿里巴巴国际站全屏五图关灯遮罩变身特效模块工具地址：https://www.fkdmg.com/gongju/2691.html

准备工作：准备好背景大图，及单张图片，按提示的尺寸PS先设计好图片

教程会大家怎么用这个带全屏的五图关灯遮罩变身模块，这个可能可以做两种效果，可以做鼠标经过直接遮罩的，也可以做鼠标经过变换另一张图片样式的，其中遮罩的软件中有预置样式，你也可以设计其他样式哦~具体请看我下面的操作演示~
小提示：如果不要背景大图显示，删除背景大图地址框框里写none ，然后调背景色即可哦~阿里巴巴国际站图片银行上传时单张图片不要超过3M，超了无法上传到图片银行也就是图片空间。

如果要实现自定义布局图片变身样式的，没有尺寸限制的，请点击下方链接看自定义的图片变身教程

阿里国际站在线自由布局工具自定义布局图片变身教程https://www.fkdmg.com/article/3064.html

上一篇：通过360浏览器扩展中心安装疯狂的美工阿里1688装修小工具插件图文教程演示

下一篇：alibaba阿里国际全球站旺铺2.0制作全屏左右来回滚动跑马灯宝贝展示模块代码教程

【随机内容】

返回顶部