iSVG

传统的「收回后伸长」的交互形式相对常见，但本文以出其不意地将满屏信息向上收回变成足球的效果，放弃「伸长」而采用「收回」作为信息展示的交互手段，实现的「以退为进」。

一张图片太大，屏幕空间不够怎么办？通过「自由滑动」使页面中的每个元素都可以查看，极大丰富了页面承载内容。小游戏太多，都想要呈现怎么办？通过「无限选择器」结合八个重点艺术装置的风格和特性，共置入了八款小游戏，创意和交互都非常值得参考。

游戏化的SVG推文不少见，怎么让简单的点击交互也可以做到和游戏相似的趣味体验才是更值得琢磨。在阅读这篇推文的时候能发现，点击相同人物的图片就会被归纳在一起，进而可以消除，从而吸引读者继续阅读下去。

细心的读者应该会发现，在每一屏誓言的背景上，开发者都预藏了「三个一」的局部浅色块。读者读完每一屏后，色块从浅色变为深色，从而浮现硕大的「三个一」。通过局部文案的拼接，最后形成总体文案，是这篇推文的特色之处。

合成又打开汉堡包时动画非常丝滑，这是SVG动画相较于GIF动画的显著优势——既大大减少了加载推文的时间，更重要是提升了动画的清晰度。而其中每一个元素、配件、图层都需要单独代码控制位移。

基于路径动画并结合俯视视角的跑动人偶、车辆等设计，通过视觉遮挡和同位替换思路形成了分段的路线前进效果。

优雅的全屏下雪特效，切在不同场景和画幅内都有差异化的具体设计，让条漫的氛围感显著提升。

将抽签结合画面的连续位移，形成了具备递进结构的多轮互动效果，是对传统抽签 SVG 比较大的创造性迭代设计。