特殊图型

https://www.cnblogs.com/ding1006/p/4701121.html
https://blog.csdn.net/weixin_35735685/article/details/118627814
//  -webkit-clip-path: circle(50% at 50% 50%);
      -webkit-clip-path: ellipse(30% 20% at 50% 50%);
       -webkit-clip-path: inset(25% 0 25% 0 round 0 25% 0 25%);
        -webkit-clip-path: inset(25% 0 round 0 25%);
       clip-path: polygon(50% 0px, 100% 100%, 0px 100%);
         -webkit-clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0 38%, 37% 38%);
-webkit-clip-path: polygon(20% 0%, 0% 0%, 0% 50%, 0% 80%, 0% 100%, 50% 100%, 80% 100%, 100% 100%, 100% 50%, 100% 0, 80% 0, 50% 0);
 -webkit-clip-path: polygon(50% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);