过春节，最有氛围感的事情是什么？
当然是放烟花啦！
知乎日报的这篇SVG交互图文的排版，用作放烟花创意真的再适合不过。
点击试试：
*素材来自知乎日报进来，我们正在偷放烟花！
组合：点击切换GIF动图+下拉展开(有触发区)
编号：12133（组合）
组件：祈福签-自动轮播,点击停止
编号：10131（组件）
点击点燃烟花，播放烟花GIF动态效果，接着图文慢慢下拉，更多烟花动效徐徐展现，节日氛围营造得十足，最后出现新年签，读者可进行抽签游戏。
这不就是下拉展开嘛，展开中不止新年签，大家可以嵌套各种需要的效果组件。
下面一起看下排版教程吧。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：点击切换GIF动图+下拉展开(有触发区)
编号：12133（组合）
第1步：选择组合
登录i排版SVG编辑器后，点击编辑器左侧「组合」按钮，在「花样展开」分类中找到「点击切换GIF动图+下拉展开(有触发区)」组合，或者在组合中直接搜索编号12133，点击选择。
第2步：进入组合编辑模式
如下所示，点击「点击此处配置」，进入组合编辑模式。
在组合编辑模式中，我们需要分别设置展开前和展开后的内容。
第3步：设置「展开前」内容
点击「展开前」区域，接着点击右侧三个「换图」按钮，分别上传封面图、GIF图和GIF的最后一帧图片。
这里的封面图一般是GIF的第一帧图片。3张图片尺寸比例需保持一致。
第4步：设置「展开后」内容
「展开后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作：
这里展开后的内容顺序，按照完全下拉展开后从上往下顺序编辑即可。
第5步：设置动画参数
点击页面空白处，右侧分别设置GIF动图播放时长、展开时长。
展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，这时候可以通过「加减展开高度」使其恰好展开。
第6步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。
点击最右侧「预览草稿」可随时扫码预览效果，效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能可以不用频繁在编辑器和微信后台切换，同步成功后可以立即扫码预览二维码查看。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
更多新年春节排版教程：
