原文：
作者： Lucas Bebber
一段时间前，Chris写了篇文章，效果很酷，使用的技术也很巧妙，但是这种使用CSS滤镜的方法有几个缺点：不支持透明，不能添加内容，很难适用于黑白......
原文：
创建svg circle
我们从创建一个圆形开始
<svg viewBox="0 0 100 100" xmlns="http://www......
原文：
作者：
本文是对SVG图形变换的两种实现方法的探索和对比。
我们将使用下面两个图形，并实现它们之间的平滑转换。
图形的代码：
<svg id=&qu......
原文：
作者：
大致思路是用SVG做背景，SVG text做裁切路径。使用SVG而不是用CSS裁剪图像，是因为要实现背景动画的话CSS就需要一个gif的动态图片。
首先需要创建......
See the Pen by NINE () on .
图标是在阿里的iconfont里面随便翻的，下载的svg格式，描边动画需要有stroke
SVG的stroke属性
st......
stroke属性
stroke 定义描边颜色
stroke="#0078ff"
strokeWidth 定义描边的宽度
strokeWidth="3"
创建虚线时候用到......
SVG
SVG（Scalable Vector Graphics）是一种矢量图格式
SVG可以用Illustrator生成
+ 文件体积小
+ 有矢量图的特征，放大缩小而不失真【视网膜屏显示......