iSVG

本作由 GL 大神开发，创新应用了滑动技术，利用零高容器将滑动组件重叠，实现了层层滑动的技术效果。用户在层层剥开前景的过程中，也无意间给全文增加了神秘感。

该作是 Apple 4 月在发布会结束后所发布的新品推文，通过长图横滑介绍了 4 款产品的特性，将每个产品的画幅控制在一屏之内，有效地控制了全文的长度。顶部的轮播图也令人耳目一新，巧妙的将位移动画和缩放动画配合使用，实现逐张弹跳展示的动态效果，我们将其命名为「宫格弹跳」。

爱范儿针对 vivo 新款降噪耳机发布推出了此篇交互图文，结合音频播放器美化和 GIF 控制器，利用声波展示出降噪前后的对比，继而精彩地呈现了一场小鸟对话的场面，由此引出「降噪」的主题，本篇也是近期来音频播放器美化中较为亮眼的佳作。

520 是各大品牌借势营销的热点节日，推送花样也层出不穷。GL 为英菲尼迪定制开发的密码解锁一文，无论在创意还是执行方面都较为出彩。大多数情况下，密码解锁的推文中密码的设置都缺乏和产品或主题的关联度。但本篇的密码设置暗藏玄机，将汽车型号隐藏在 520 的表白语中，融合度高。且交互部分为纯手工代码开发，防误触也精巧细致，值得推荐。

已经消失了一段时间的 2.5D 风长卷再次回归我们的视野，整篇文章设计风格清新脱俗。本篇由荒村操刀开发，巧妙运用了 2.5D 风格的场景穿插，结合上下层滑动中间层固定装置，形成丰富的场景互动效果。

最痴迷于 svg 长卷的党政新媒体共青团中央，设计了一篇交互式插画献礼建党一百周年。交互部分由小杨负责操刀，基于描边动画，将共产党的发展历程分段呈现，生动活泼。此外，本篇内的音频播放并非一般的播放器美化，而是采用「视频伪装音频」技术，将带有音频的视频定位于交互区域下方，再通过双层触发控制播放。

本期推送中 yutu 操刀开发的一套无限抽拉式卡片设计让不少运营人眼前一亮，由无限伸缩器延展出的该模型可以不限点击顺序，且设置了无限点击触发的能力，为弹窗式卡片又增添新的范式。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「标签抽拉」实现。

本作由 yutu 特别指导，得益于新颖的互动形式使其在 5 月榜单里脱颖而出。此篇将画幅长度控制在一屏之内，配合无人机路径运动和背景滚动从而实现视差效果。