iSVG

GL 的经典交互模型「标签抽拉」再度亮相宝马公众号，丝滑体验高端享受。你可以在 e2.cool 黑科技 SVG 编辑器的「UGC」专区通过「标签抽拉」组件实现该效果。

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

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

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

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

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

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

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