巧妙运用clip-path，实现CSS形状变换

CSS3的“clip-path”，这个“clip-path”看起来有点眼熟，因为它原本就存在于SVG里头，利用掩码（剪裁）的方法，连接坐标绘制掩码区域，就可以做出许多不同的形状，让底色或底图显现，随着浏览器对于CSS3的支持度大幅提升，自然而然的就可以用它来做些与众不同的变化。

运用clip-path超强的网站

最先看到这个属性的应用，是从这个网站看到的：species-in-pieces.com/，不得不说这个网站做得实在太神了，一开始看到还真以为是用SVG做的，没想到竟然是用CSS刻出来的…真是太惊人啦！

接着在找数据的过程中，又发现一个很强的网站：bennettfeely.com/clippy/，专门介绍「clip-path」这个CSS3的属性，你可以直接在上面拖拉或修改，除了贝兹曲线外，几乎任何形状都做得出来（中空的部分要用组合的）

使用clip-path绘制多边形

如果不考虑一些浏览器支持度的问题，使用clip-path来绘制多边形，还比利用伪元素还制作多边形来得简单许多，