用clip-path 制造五角星

作者：蒋鹏杰
首先我们要制作一个盒子，给它一些样式。
如图
用clip-path 制造五角星

给了样式以后，就是要通过css3的动画效果把它从一个长方形变成一个五角星。
用clip-path 制造五角星

clip-path的前身是SVG, 所以，我们的坐标都是二维的。
polygon的作用就是根据二维点坐标，依次连线，最后所形成的区域就是我们的遮罩区域了。
制造五角星需要八个点相连，所以给了八个坐标，polygon是从左上角开始连接的，可用%和px做单