那月亮可以怎么玩？中秋灵感戳：《2026中秋节SVG交互图文案例合集》
其中有一种超经典的玩法，人民网用连续两年给出了精彩的答案。
2023年，他们用三层穿透式下滑，让读者滑动屏幕时月亮在背景与前景之间穿梭；2024年，他们又将方向反转，用三层穿透式上滑呈现了截然不同的视觉体验。
先看2024年的三层穿透式上滑：
*素材来自人民网中秋快乐！
组合：三层上滑组合
编号：11762（组合）
这种穿透式滑动，其中关键是如何设计前后层图片之间的镂空透明关系。
再看2023年的三层穿透式下滑：
*素材来自人民网中秋快乐！
组合：三层下滑组合
编号：12150（组合）
同一主题，一上一下，恰好构成了学习三层穿透式滑动的绝佳对照。现在，我们就用人民网2024年的上滑案例给大家看下详细排版教程。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：三层上滑组合
编号：11761（组合）
第1步：选择组合
登录i排版SVG辑器后，点击编辑器左侧「组合」按钮，在「滑动组合」分类中找到「三层上滑组合」，或者在「组合」中直接搜索编号11761，点击选择。
第2步：进入组合编辑模式
点击「编辑组合」，进入组合编辑模式。
在组合编辑模式中，分为「中间图和背景图」与「前景内容」两块设置区域。
第3步：上传中间层和背景层图片
点击「中间图和背景图」区域，在右侧继续点击「换图」按钮上传1张中间层图片，点击「+」号批量上传多张背景层图片。
中间层图片应为镂空式，可以露出背景层图片。整个滑动显示画面大小由中间层图片尺寸决定。
第4步：设置前景层内容
「前景内容」不局限于单纯的无缝图，还可以嵌套使用各种交互效果组件。
需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作：
注意，前景内容的总高度需等于背景图片的总高度。前景内容中的图片应有一定的镂空或透明度设计，以便露出后面的中间层和背景层图片，才能实现在滑动中穿插的效果。
内容编辑完毕后，点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
