内容简介：

点上去会有一个小动画
一句话：用svg实现图标，利用stroke-dasharray和stroke-dashoffset这两个属性的改变，即可完成这个动态效果SVG是一种XML语言，类似XHTML，可以用来绘制矢量图形。SVG可以通过定义必要的线和形状来创建一个图形，也可以修改已有的位图，或者将这两种方式结合起来创建图形。而我们的图标即可用svg的path来进行复杂路径的绘制先画一条线实现的方法有两种（1）利用stroke-dasharray和stroke-dashoffset这两个属性，对于stroke-dasharray可以参考下图来理解：而stroke-dashoffset则可以理解成类...

查看原文

? 实现北大官网首页的动态图标