皮一下很开心，99％的人还不晓得的秘密，为你揭晓！

承接今天的第一篇，为了不破坏第一篇信封打开完整效果，后面没有加内容，专门弄到第二篇来进行说明。

如果讲具体技术，大部分人看不懂，但是我们可以讲原理，明白了原理即可，毕竟不是每个人都需要懂具体技术的。

首先我们来看看下面这张动图，左边是一个网页代码，右边是网页代码浏览器打开后看到的效果。

（点开可以放大查看）

具体代码是这样的：

（点开可以放大查看）

起效果的就是svg开头，中间animate，然后svg结尾那三段，它实际上就是描述了一种效果，一行没有文字，但是高度从30到50再到30的变换，频率是0.8秒，所以当这一行高度缩小，下面的内容就跟着上来，然后反复变换，达到了跳动的效果。

给大家看看今天第一篇文章对应的html代码：

（点开可以放大查看）

公众号后台默认是看不到文章对应的html代码的，当然大白有另外的秘招可以看到代码并且编辑代码。

所以如果你想深入学习，要学习的是html是什么，svg标签又有哪些功能或者效果。

再展示两个效果：

（点开可以放大查看）

（点开可以放大查看）

上面两张图，就是上面的代码对应下面的效果。

最后补充一点扩展知识：SVG 意为可缩放矢量图形（Scalable Vector Graphics），有点类似Flash，所以如果你知道了Flash的用途，就可以知道SVG的用途，但是它比Flash以及其他的图形格式，又有很多优点，下图就是标准组织给出的优点描述：

（点开可以放大查看）

事实上现在大部分浏览器都支持svg，不过需要安装插件的 Internet Explorer 除外，插件是免费的，比如 Adobe SVG Viewer。

电脑问题咨询

你的随身电脑顾问，专业、实用不失趣味的电脑知识、技巧，感悟人生、调剂生活、逗你开心的良心公众号，你还没关注哪？