“拉开展示，人民网这种排版怎么做啊？”
点击切换的玩法大家都知道哪些？
点击擦除切换、点击翻转切换、点击放大切换等等，可谓是千变万化。
今天再给大家介绍一个最新的玩法——点击-拉开展示。
感受一下：
*素材来自人民网《可恶，被“国宝”内涵到了！》
组件：点击-拉开展示(上下)
编号：12102（组件）
换个方向，还可以左右拉开展示：
*素材来自Bananain蕉内《超 能 [ ] 爸 爸》
组件：点击-拉开展示(左右)
编号：12101（组件）
这个效果的亮点就在于两边拉开内容，给用户以更强的神秘感，引起大家的好奇心。
下面以第一个上下拉开展示的效果为例，一起看下使用教程吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：点击-拉开展示(上下)
编号：12102（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「点击」分类中找到「点击-拉开展示(上下)」组件，或者直接搜索组件编号12102，点击选择。
第2步：上传图片素材
①点击右侧两个「换图」按钮，分别上传单击前和单击后的图片。两张图片尺寸需保持一致，内容各占一半，另外一半透明。
②下滑后点击右侧两个「换图」按钮，分别上传展示图和背景图。单击前图片和背景图尺寸需一致，展示图只需宽度一致，高度由展示内容决定。
第3步：调整效果参数
输入或者加减设置「动画时间」。
第4步：导入公众号后台
点击页面最右侧「预览草稿」可随时预览效果，尽量使用手机扫码预览。
调整效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本内容为作者独立观点，不代表数英立场。
本文禁止转载，侵权必究。
本文禁止转载，侵权必究。
本文系数英原创，未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）