css裁剪路径，生成各种几何图形

css裁剪路径&＃xff0c;生成各种几何图形

2020/07/21

基础属性&＃xff1a;inset(), circle(), ellipse(), polygon()

<div class&＃61;"tu_ch"></div>


.tu_ch{width: 400px;height: 100px;background: #FF0000;-webkit-clip-path: polygon(0 0,80% 0,80% 30%,100% 50%,80% 70%,80% 100%,0 100%);clip-path: polygon(0 0,80% 0,80% 30%,100% 50%,80% 70%,80% 100%,0 100%);
}