iSVG

由 E2.COOL 黑科技编辑器提供技术支持的 GQ 实验室 6 月封面刊主题发布，开场为编辑器内「多图展示」的「连续撕纸」，经过与伸长结构的复合形成了整体推送效果。

一颗星星伴随着点击出发，通过 path 标签动画沿特定轨迹不断飞行并展开整体图文，使得积家的七夕主题推文尤其浪漫。另外这个颗星星是以「滤色」混合模式叠加到画面中的，足见开发工作之细腻。

利用 Flex 布局特性形成的堆叠并列伸长叠加效果，模拟了小票连续打印的生动场景，非常贴合 618 主题。

高级感十足的交互效果如何轻松实现？不妨尝试大型竖版视差结构，本作采用像素设计搭配视差效果，将科技感直接点满。本作亦为 E2.COOL 黑科技编辑器制作的优秀作品！

本作是由意符团队打造的探索小游戏，为直白的弹窗浮现和关闭增加了视角 zoom in/out 设计，点击后将主体位移至画面中央突出放大增加记忆点，将细节动画做到了极致。

本作在 yiwebsite 团队的技术支持下，应用轨迹动画顺滑地展示出跳跃、腾空等四套滑雪动作，利用缓动函数的设定让动作完成地更为流畅自然，引导读者分段阅读。

交互实验室的小杨充分运用 click 与 touchstart 双层触发机制，打造了一个如「漂流瓶」般体验的随机信件查看系统，整体以 perspective 视差框架形成三维漂浮定位，支持「换一批」连续切换操作，温情之中又满含着惊喜。

本作一经发布便广受好评，交互由小古同学操刀，创新性的开发了「视差吸附横滑」结构，使页面在横滑时既可以不同组件之间形成差速的过渡效果，又可以让每次横滑后各元素在画面中居中，构思巧妙。