本文为【运了个营】原创文章。
欢迎个人分享转发,媒体转载请联系作者,未经允许,不得转载。
上上周给大家派了双11红包,虽然到最后并没多少人抢,反倒是有不少小伙伴来咨询如何制作排版效果。所以今天就给大家介绍下这种“隐藏红包”的制作方法吧。
如何制作隐藏红包
“点击拆红包即可弹出隐藏图”的样式效果
隐藏红包制作步骤
❶ 新建背景图
此操作需要用到135编辑器,在菜单中打开「背景」项;
上传本地图片(静动态图均可),设置尺寸为:按短边等比缩放;重复方式:不重复;对齐方式:居中;
在编辑器中,按回车可对背景图进行等比例缩放;
❷ 上传隐藏图
点击「单图上传」上传图片;
点击已上传的图片,拖动鼠标对其进行缩放操作,并将其覆盖在所要点击触发效果的位置上(如下图,将图片覆盖在“拆”字之上,请自左向右浏览操作);
❸ 隐藏图片
打开编辑器的「HTML」模式,找到前景图的代码,在<p>标签中插入opacity:0;
具体操作如下,添加隐藏代码后,返回前台即可查看图片隐藏效果;