iSVG

一文看尽当代恶臭男性百态！通过热区式切换、循环弹出等 SVG 交互结构，网易三三星球本期向各色妈宝男、渣男集火，通过多个具备热区属性的交互小游戏，让读者进一步体验到了这些奇葩男性的可恨之处。

视差+漫画的形式再现大作！由荒村主持操刀的欧舒丹 SVG 交互图文，以充满浪漫色彩的绘画形式，结合强烈的景深关系布局，构建了唯美璀璨的视听感官。

本作不拘泥于传统的数据报告形式，采用趣味性十足的小游戏作为开场，令人眼前一亮，按照正确顺序翻转卡牌即可解锁文章，独特新颖的游戏玩法赋予了此篇作为推荐案例的理由之一。

将自动伸长，以 keyTimes 切分成多个时间点进行分段伸长，内部以 begin 控制各自动动画的执行顺序——由此，这样一份冲击感十足的层层「大字报」展开效果在今天刷爆了朋友圈，再次证明了 GQ 实验室非凡的创意能力和开发者小杨独特的技术天赋。

GQ 出品的文章一贯创意先行，本文以关不掉的手机弹窗为切入点，多次点击后连续弹出，组合拼凑出完整的产品内容，并精准配合提示音音效，使得交互过程丝滑流畅，获得视觉和听觉的双重体验。

普通的顶层滑动，还可以玩出什么新花样？保时捷中国的这期发布让我们看到了全新的设计亮点——利用像素拉伸+蒙版渐变，形成了由景色到车辆产品的自然切换，并充分体现了「快」的特性，是设计与交互的精妙结合作品。

Tiffany 值七夕之际通过此作发布限量款产品，灵活搭配 E2 编辑器的各组件组合应用，打造出此篇结构整齐、效果丰富的佳作。目前本文的部分效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「纵向吸附容器滑动」、「视频号美化」等组件实现。

精美的弥散渐变插画设计，搭配多段伸长的整体结构，秀米编辑器的八周岁生日发布甚是精彩。尤其是其中包含了一个独特的无限卡片抽出结构，巧妙地实现了时间轴回忆交互。在此也祝秀米生日快乐！