CSS3/SVG clip-path路径剪裁遮罩属性简介 |

一、SVG属性和CSS3属性千丝万缕的关系

CSS3新增属性除了我们现在用的比较多的border-radius, box-shadow, gradient, ...之类，还有很重要的一个分支：SVG属性家族！

所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。

比方说，之前介绍“SVG Sprites技术”时候提到的fill属性，以及之后专门写了篇文章“SVG图标颜色文字般继承与填充”讲CSS中使用SVG的fill属性实现一些效果。还有很经典的在CSS中使用 stroke-dasharray以及stroke-dashoffset实现“帅气的SVG路径描边动画效果”以及以后会介绍的mask属性等！

而本文的clip-path也是其中一员，虽然才露尖尖角，相信以后会像路边的野花到处绽放，这里先抢个先机，简单介绍一下。

…

阅读详情 -> CSS3/SVG clip-path路径剪裁遮罩属性简介 « 张鑫旭-鑫空间-鑫生活.