一缩一放加浮现，这不是GIF是SVG动效……

*GIF录自i排版编辑器《一赞一元「反抄袭计划」征文，最高可领2000元京东卡！》

在背景图上，两张图片分别缩小和放大显示，接着另一张图片浮现显示，最后图文展开出现更多内容。

详细教程：

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

第2步：进入组合编辑模式

如下所示，点击「编辑组合」，进入组合编辑模式。

在组合编辑模式中，我们需要设置展开前和展开后的内容。

第3步：设置展开前的内容

点击展开前区域，然后在右侧按照要求点击「换图」依次上传图片。

按顺序上传如下4张图。4张图片尺寸需保持一致。

第4步：设置展开后的内容

「展开后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。

第5步：设置动画时间

第6步：调整展开效果的参数

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。

● SVG 黑科技交互排版👇🏻

 

如需定制 SVG 黑科技排版，请点此查看策划、设计、定制开发流程和套餐，低至500元/篇。