clip-path使用多个坐标点组成的多边形值,坐标的第一个值是x方向,第二个值是y方向。左上角为原点,右下角为(100%,100%)点。
body{background-color:#000;}.fa{border:1pxsolid#fff;颜色:黄绿色;填充:10px;边距:10px;}.fa>div{宽度:110px;高度:110px;背景颜色:黄绿色;margin:20pxauto;}.polygon1{clip-path:polygon(50%0px,100%100%,0px100%)}.polygon2{clip-path:polygon(0px50%,50%0,100%50%),50%100%)}.polygon3{剪辑路径:多边形(0%60%,20%0%,60%0%,40%60%)}多边形
值由多个坐标点组成,坐标的第一个值是x方向,第二个值是y方向。
左上角为原点,右下角为(100%,100%)点。