中秋节固然过去了，但中秋节的图文有良多意思的值得拿出来说一说。
好比部分天气查询拜访组的《月亮看见了》（原文链接：），比来就有很多小伙伴来问里面的交互效果是怎么造做的。
那个效果一共分为三层，向上滑动屏幕，布景层和前景层图片跟从上滑，中间层的月亮固定不动。
根据相对运动的原理，仿佛是月亮在缓缓下滑，共同前景层图片的各类镂空式设想，月亮鄙人滑过程中时隐时现，很是有趣。
七夕的时候，老沙也向各人保举过东风美丽的一个案例，效果其实是一样的。
有趣的效果，往往造做起来其实不复杂，就像之前的GQ《红了！》一样，它可能只需要一个组件就能实现，而此次用到的组件是「三层滑动-上滑(多张)」，下面一路看下快速复原《月亮看见了》图文的教程，不到1分钟完成！
详细教程：
展开全文
东西：iPaiban Pro 黑科技编纂器，网址：x.iPaiban.com
组件：三层滑动-上滑(多张)
编号：10803（组件）
第1步：选择组件
登录 iPaiban Pro 编纂器后，点击编纂器左侧「组件」按钮，在「滑动」-「三层」分类中找到「三层滑动-上滑(多张)」组件，或者间接搜刮组件编号10803，点击选择。
第2步：上传图片素材
别离上传中间层、前景层和布景层图片。
中间层不动，只需上传一张主体图片，留意图片滑动的长度由中间层图片确定。
前景层和布景层图片能够切图后上传多张，两层图片的总长度需连结一致，图片宽度与中间层不异。
第3步：导入公家号后台
效果满意后接着点击「同步至微信后台」同步到本身的公家号就能够了。
部分导入可参考：《iPaiban Pro小助手v2.0安拆和利用教程》（链接：）
如今新用户注册登录iPaiban Pro 黑科技编纂器，在「新手礼包」可领取3天企业原则版会员体验权，以及22个常用必备组件的大礼包（1年）。
认准编纂器网址：x.iPaiban.com，复造网址在 PC 端 Chrome（谷歌）阅读器翻开，即可起头创做SVG交互排版（又称公家号交互图文、互动图文、黑科技排版、互动式排版）