多边形:polygon
// 有几个顶点就有几对比例
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
圆形:
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
椭圆:
-webkit-clip-path: ellipse(25% 40% at 50% 50%);
clip-path: ellipse(25% 40% at 50% 50%);