这种微信公众号文章是怎么做出来的？

[devswork]

链接： https://mp.weixin.qq.com/s/ZsftETwoOQ8c47auYlCySQ

[hay313955795]

我也蹲一个答案

[Elix]

iSVG

[TigerJie]

svg 动画

[freedomT]

svg ，每个延迟显示的都是 animate 控制的，只能说工程量不小，创意不错

[Elix]

http://xhslink.com/AythUi

这里说得比较清楚了

[registerrr]

只从技术上来说页面里头所有的文字都是 SVG 画出来的，
为什么它能一行一行显示出来，可能是用了 SVG animation 这种技术；
代码里头有 **data-copyright="XiaoYangSVGAnimator"** 这个标识，具体 XiaoYangSVGAnimator 这个是什么东西，我也没搜到，也了解不深。我猜测是用某个商用的库或软件可以实现；


gayhub 上，也能搜到相关关键词 https://github.com/search?q=XiaoYangSVGAnimator&type=code

[orzorzorzorz]

乍一看还在琢磨怎么控制高度，回过神一想，只是微信文章。看来确实厉害了。

[orzorzorzorz]

@orzorzorzorz 只 => 这

[googlefans]

厉害了

[paopjian]

看最后的技术支持?e2.cool

[lneoi]

挺漂亮的

[Felldeadbird]

整活整出新高度了。

[FFFFourwood]

应该是 Adobe Illustrator 或者 XD 直接 做出来的吧，，，
蹲个做动画的 designer 给个正确答案

[a566]

公众号是怎么写出这种的 这个并不是页面

[TigerJie]

@a566 插入 svg 格式的图片

[Tanf]

有意思

[zjj19950716]

还有视频

[Slshaolong]

如果是用的定时器加入内容呢？

[stoluoyu]

厉害了，有些元素重新进入视口还会有动画。

[fiypig]

这种应该算还好的 ,有专门工具模板的