clip-path(盒子裁剪)
裁剪
裁剪一个三角形，之前还在利用border去模拟。
现在一行代码搞定
ele {
clip-path: polygon(50% 0, 0 100%, 100% 100%)
}
它可以按照 svg 路径、盒子模型、基本多边形路径等几种不同的方式来裁切
svg路径：
ele {
clip-path: url(#svg)
}
基本图形：
矩形：
clip-path: inset(top right bottom left)
每个值的意义是裁剪边界距离容器边界的距离，比如元素高度100，如果第一个值为10，那么元素的视觉高度就变成了90，上边被裁剪掉了10
圆形
clip-path: circle(半径 at x y);
椭圆
clip-path: ellipse(水平半径 垂直半径 at x y);
多边形ploygon
clip-path: ploygon(x1 y1, x2 y2, x3 y3, ...)
clip-path(盒子裁剪)
http://localhost:8090/archives/clip-path-he-zi-cai-jian