纵享丝滑，宝马这种图片自动消失展开是怎么做的？

打开图文后，自动展开全部图文内容。

这种「自动展开」的效果相信大家已经很熟悉了。

*素材来自蔚来《这份力量感，放大看看？》

大家注意到了吗？大部分的自动展开效果，就像上方蔚来的这个案例，打开图文后初始的内容不变，自动展开其余的部分。

那么要是想让打开图文后初始的内容自动消失，接着首屏出现带有交互或者图片尺寸不一样的内容并自动展开图文，应该怎么办呢？

今天我们就给大家介绍一个自动展开的升级效果——自动消失+展开。

一起来看一下宝马中国的这篇案例：

*素材来自宝马中国《准备！挥出你的五月第一杆》

展开前是运动员挥动球杆的GIF动图，随后出现了以动图为背景，文字提示「上滑，燃情挥杆」的双层前景上滑图，并展开全文。

看似GIF没变，其实最开始的GIF播放后消失了才出现的后面的上滑效果，内容过渡得十分丝滑流畅。

这种效果使用 iPaiban Pro 黑科技编辑器里的「自动消失+展开」组合（编号：11887）即可实现。

「自动消失+展开」的效果非常适合新产品、新玩法介绍类的文章，从旧有的内容引入，让原本占据视野的旧内容自动消失，紧接着全新的、更有吸引力的信息自动展开，让新的亮点得到淋漓尽致的体现。

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

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

● SVG 黑科技交互排版👇🏻

 

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