iSVG

GL，一个以脑洞清奇著称的男子，据说每脱一根发就能多一个脑洞。在 1024 程序员节的前夕诞生此作，本篇利用高度动画的全新用法模拟电脑弹窗，组建起程序员修复 bug 的故事线。在本月的佳作中十分亮眼，不妨点开上方链接体验一下。

三千喵主持开发的古茗一作，再次展示了上下滑动，夹层不动的互动能力，但得益于巧妙的图层排列实现了前后景穿插，情景感营造十足，生动展示了新品奶茶的特色，互动和设计相互配合完美诠释主题。

滑动的花样玩法层出不穷，而本作是第一篇上下滑动，夹层不动的商业作品应用，出自于新锐开发者 ZH 之手。利用 height:0 降低层级，transform:scale(1) 提高层级，实现了顶层与底层双层滑动，夹层不动的效果。

本作由 JZ 开发并交付至腾讯，本篇推文将读者带入展览馆的情景设置中，身临其境体验疤痕海报及主题视频。技术上融合了视频的各类变法，背景图、视频组件、遮罩和封面分别在 z 轴上呈四层分布，技术小而精，亦是创意和开发的上乘之作。

同样由「归零心态」工作室 Wanna Sleep 创意开发的计分型答题卡本次交付至 GQ 实验室，利用双层触发和图层顺序实现计分效果。

颠覆性的创意交互 SVG 装置，开创硬件产品「换色」特征的新演示模式代码结构，来自行业黑马「归零心态」工作室。得益于客户的优秀创意与设计，让这一装置产品展示效果大放异彩。 开发者 Wanna Sleep 另辟蹊径通过高度动画实现前后图片切换，再加以位移动画的巧妙结合完美实现设备掉落换色的效果。

本篇由行业新锐团队404艺术同时主持设计及开发，基于 fo 和 svg 的多层嵌套，辅助位移动画实现展板经过画作显示的效果。与此同时，通过位移差和色彩对比营造出展板移动时的前后区分，加之配合前后景元素营造空间感，效果浑然天成，实为上乘之作。

GL 大神开发的此作，展现出同样的精彩。svg 模拟 H5 再出新意，本篇结合教师节主题，打造出模拟合成海报式的 H5 装置，用户可自定义选择、个性化定制，多场景选择、二维码等细节之处融合到位。