iSVG

JZ 在本作中，创新应用了一种反向图文缩进动画，并通过制作抖动效果，使得屏幕仿佛即将崩裂一般。

为了更好的教导驾驶员正确应对突发路况并保护轮胎，奔驰本月基于黑科技排版制作了这套教程。本作非常巧妙地应用了超级马里奥关卡设计风格，而且特别选取了难度较高的地下关卡模式，很好地烘托了主题氛围。

最简单的交互原理，配合有那么些故弄玄虚的文案或提示，就使得这篇文章仿佛黑科技满满。实际上，本文内的交互不具备任何人工智能特性，不过 who cares?

通过矢量设计、人物手绘、交互开发……我们 JZ 交付了这条典型的 SVG 互动长卷。原本枯燥干涩的游戏规则，通过视觉与交互生动呈现，这就是 SVG 黑科技排版的意义所在。

国企紧跟新媒体潮流，也加入了 SVG 黑科技排版的阵营。中国航空发动机集团有限公司针对校园秋招推出了本篇长卷 SVG 互动文章。且交互细腻，极少误触空间，实为佳作。

穿越火线在十一周年之际，设计了这样一个让斯沃特于不同场景中瞬间切换的创意，背后的技术也不一般。本图文的互动区域由我们 JZ 操刀，绝不是一般的前景滑动模块，而是前景固定不动，背景产生滑动。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「底层滑动」实现。

每当普通的运营人认为某种排版模式已经无法再创新时，总有一些品牌能玩出新花样。已经被广为应用的滑动，被切换至纵向后结合「温度计」概念，诞生了这篇脑洞清奇的互动排版，赶紧来体验一下。此外，该文中温度指针还结合了 SVG 模块防错设计，优化了滑动到底部时的页面效果。虽然体验还不够完满，但不得不说是近期滑动排版中，比较亮眼的作品。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「底层滑动」、「纵向滑动」等实现。

一篇 SVG 互动 + CSS 滑动的混合排版，将目前最流行的互动黑科技融合展现，尤其值得一提的是滑动前景图边缘细腻，没有任何毛刺和白边产生。顶部 SVG 互动区由我们 JZ 提供技术支持。GQ 无论内容还是形式，一直是媒体属性微信公众号中的弄潮儿。其实远不止这篇，他们总会在“一图流-交互-一图流-交互”的高难度排版中游刃有余。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「顶层滑动」实现。