7月7号，滴滴顺风车搞了个大事情，发了一篇文章《 :-) 》，打开之后在作者一栏中写：此文没有那么简单，此后一片空白。
但是截至目前，妥妥10万加，点赞和留言也非常多。从留言来看，这篇文章非但不是空白，而且还非常有意思，果然，点击屏幕，文字浮现。毋庸置疑，这种形式很少见，刷屏也不奇怪。
技术是非常迷人的一件事情，因此我很好奇这种效果到底如何实现。如果用html5的交互页面，比如易企秀或者初页，那么实现起来很容易，但是，在微信公众号里，这种交互行为很难被支持。
我把这篇文章在pc端的chrome浏览器里打开，右键菜单选择查看文章源代码，同时打开另外一篇普通微信文章的源代码，通过比对，在正文处发现了滴滴这篇文章里多了这样的代码：
这段代码类似与版权声明，说这篇文章的这段代码属于135微信编辑器。
果然打开135编辑器，发现了这个：
这篇文章就是用这种形式做的惹……
那是怎么样的一段代码完成的呢。旺盛的好奇心继续驱使着我：
我用这个模版，编了一段文字，放在ipaiban的编辑器，这个编辑器可以查看并编辑一个模版的html代码，比较有针对性。
红框里，是隐藏的文字。
最底部有一段这样的代码。
<center class="hiddenIn135">
<svg width="100%" height="200" xmlns="http://www.w3.org/2000/svg" style="margin-top: -180px; transform: rotateZ(0deg);">
<rect width="100%" height="200" style="fill: rgb(254, 254, 254);">
<animate attributename="opacity" begin="click" dur="6s" from="1" to="0" fill="freeze"></animate>
</rect>
</svg>
</center>
不出意外的话，这段代码的意思就是：要改变opacity（透明度），开始于点击，用6秒的时间，把覆盖在隐藏文字上面的一个全部呈现白色的叫fill的矩形，透明度从1到0，也就是消失，然后冻结。
这段代码，是svg的用法。什么是svg呢，度娘上说：
可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。
大概能懂这个意思，就是描述图形的标记语言。
其实svg语言超级强大，如果你想让文章排版更酷炫，不如学学。
具体如何学，关注“一个新媒体小编的自我修养”呗