clip-path（polygon的用法）

最近需要做一个可以有加载效果的箭头，然后就发现了clip-path这个属性，这里不多赘述，只讲其中的polygon（多边形）的用法，先上代码。

clip-path: polygon(0 35%, 0 65%, 75% 65%, 75% 0, 100% 50%, 75% 100%, 75% 35%);

这个是我作的朝右向的箭头，里面总共有六个逗号，将逗号区分开的话，那就是7组数据，看图。

看图的话就直观很多了，其实polygon中填写的就是多边形的每个顶点，而填写的方向是逆时针。

clip-path还用其他属性，大家可以查查看。