1. clip-path 的 兼容
Webkit内核： -webkit-clip-path
其他： clip-path
2. clip-path 的用法
- inset(<距离元素上面的距离>,<距离元素右面的距离> ,<距离元素下面的距离>,<距离元素左面的距离>,<圆角边框> ），括号内的值类似于margin、padding值的写法，可以写一个值，也可以写多个值。
使用：clip-path: inset(2px 2px 20px 20px round 10px);
- circle；将元素剪裁成一个圆
定义：clip-path: circle(圆的半径 at 圆心)
使用：clip-path: circle(40px at 50% 50%)
- ellipse；将元素剪裁成一个椭圆
定义：clip-path: ellipse(圆的水平半径 圆的垂直半径 at 圆心)
使用：clip-path: ellipse(10px 10px at 30% 50%)
- polygon；将元素剪裁成一个多边形
定义：clip-path: polygon(<距离左上角的X轴长度 距离左上角Y轴的长度>，<距离左上角的X轴长度 距离左上角Y轴的长度>，<距离左上角的X轴长度 距离左上角Y轴的长度>)
使用：-webkit-clip-path:polygon(0% 0%,0% 0%,0% 0%,0% 0%); clip-path: polygon(0% 0%,0% 0%,0% 0%,0% 0%);
