用clip-path 製造五角星

用clip-path 製造五角星 作者：蔣鵬傑 首先我們要製作一個盒子，給它一些樣式。 如圖 給了樣式以後，就是要通過css3的動畫效果把它從一個長方形變成一個五角星。 clip-path的前身是SVG, 所以，我們的座標都是二維的。 polygon的作用就是根據二維點座標，依次連線，最後所形成的區域就是我們的遮罩區域了。 製造五角星需要八個點相連，所以給了八個座標，polygon是從左上角開始連

>>阅读原文<<