iSVG

顺丰在地球日主题推出了可爱的选择答题互动，选中正确答案或选中所有正确答案将进一步引导出现浮窗 tips，体现了精巧的 SVG 图层关系布局。

E2 平台不仅是一款编辑器，也是业内少有的乡村互联网企业。本期推送展示的是他们与湖北和云南两地合作的咖啡藤茶联名周边，采用了纵向滑动内画布不断延展的交互框架，同时兼容了错层滑动的精彩效果，内部还衔接了大量精彩互动，是滑动交互的极品设计。

抽签架构的精彩升级模型，传神表现出了点击后选项降速并停止的抽奖互动过程，由 JZ Creative Studio 计育韬老师创新推出并授权至 E2.COOL 黑科技 SVG 编辑器应用。

视差套视差，会发生什么效果？本文呈现出了一种双重视差的立体感官。长街上的卡通人物或可正立或可斜靠，内部穿插各类彩蛋互动，一展代码鬼市的奇思妙想。

首屏以冰天雪地里一片花瓣飘落的动效引出冬去春来的主题，点击花瓣后图文拉长，进入正向擦出的交互，花瓣引领着代表春天的图层一点点覆盖冬天的图层，带来春暖花开的动态效果，细腻的画风让用户沉浸式感受四月天的“爱、温暖、希望”；擦出式伸长的交互也起到了引导阅读的作用，交互与文案的有机结合，更加深了用户对文案的印象。

奔跑吧新一季即将到来，嘉宾闪亮登场。通过 perspective 的 CSS 裸眼 3D 布局，人物以极具真实感的视角张力依次罗列在云雾缭绕的新街区，随着滑动而产生差速变化。内部融合了精彩的伪音频视频 SVG 混合交互，让综艺推广更具亲和力。

基于 CSS 混合模式实现滚动页面时下方的进度条同步效果，本质为利用一个长斜边遮罩在滚动时不断增加露出底边部分，这也是 GL 老师的一款独特交互模型发明，巧思而实用。

将精美的金色纹理固定在底层作为背景，在顶层覆盖上镂空的龙图腾造型，随着读者上滑屏幕，镂空之处出现不断填色的交互效果，原本隐藏起来的图腾幻化为一条姿态舒展的霸气金龙！设计师的想象力 max！