“拉开展示，人民网这种排版怎么做啊？”

点击切换的玩法大家都知道哪些？

点击擦除切换、点击翻转切换、点击放大切换等等，可谓是千变万化。

今天再给大家介绍一个最新的玩法——点击-拉开展示。

感受一下：

*素材来自人民网《可恶，被“国宝”内涵到了！》

组件：点击-拉开展示(上下)

编号：12102（组件）

换个方向，还可以左右拉开展示：

*素材来自Bananain蕉内《超 能 [ ] 爸 爸》

组件：点击-拉开展示(左右)

编号：12101（组件）

这个效果的亮点就在于两边拉开内容，给用户以更强的神秘感，引起大家的好奇心。

下面以第一个上下拉开展示的效果为例，一起看下使用教程吧。

️详细教程：

️工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com

️组件：点击-拉开展示(上下)

️编号：12102（组件）

️第1步：选择组件

登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「点击」分类中找到「点击-拉开展示(上下)」组件，或者直接搜索组件编号12102，点击选择。

️第2步：上传图片素材

①点击右侧两个「换图」按钮，分别上传单击前和单击后的图片。两张图片尺寸需保持一致，内容各占一半，另外一半透明。

②下滑后点击右侧两个「换图」按钮，分别上传展示图和背景图。单击前图片和背景图尺寸需一致，展示图只需宽度一致，高度由展示内容决定。

️第3步：调整效果参数

输入或者加减设置「动画时间」。

️第4步：导入公众号后台

点击页面最右侧「预览草稿」可随时预览效果，尽量️使用手机扫码预览。

调整效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。

使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。