疯狂的美工京东装修助手官网
京东装修制作鼠标经过变另一张图遮罩代码效果,自定义排版布局图片位置
2019-1-4 陈俊


京东店铺装修在线自由布局制作出鼠标经过变另一张图片效果,京东首页模块上加入鼠标滑过有正反面变色遮罩切换特效。疯狂的美工京东自由布局工具图片变身组件使用方法,实现鼠标经过当前图片直接变另一张图片翻转遮罩变色等效果案例演示,通过这节课程学习用疯狂的美工京东自由布局工具制作出各种排版布局样式的鼠标经过有图片变换特效,可以做鼠标经过直接正反面变换或翻转遮罩或按钮变色等,样式自由设计然后到自由布局中排版布局即可。同一个模块中也可以加入其他组件混合使用哦,比如CSS特效组件等,具体可以自测!









准备工作:准备好要用到的所有图片,图片变身要准备两组不同图片,一张是默认显示的,另一张是鼠标经过的,同一组图尺寸要一致。


操作提示:

1.在左侧选择图片变身组件后在画布中按住鼠标左键单击即可添加,(放链接前先把#号删除)

2.图片变身要求准备两张不同图片,一张默认显示的,一张鼠标经过后显示的,尺寸要求一致

3.如果要选背景固定,背景图尺寸建议1920x1080

4.选中已经添加的组件鼠标右键可以删除对应组件

5.选中组件后按快捷键 alt+方向键 可以微移对应组件

6.如果觉得所设计模块不错或者需要再次使用可以保存记录


温馨提示:图片空间图片地址复制出来后要手动加上前缀http:(冒号是英文状态下打哦)或者放到浏览器中打开一下图片地址会自动加上,再复制到工具中操作即可


疯狂的美工京东自由布局工具软件最新版下载地址:https://www.fkdmg.com/gongju/2696.html




发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容