以如下梯形为例,步骤如下:
1.将梯形放进直角坐标系的第四象限;
2.计算每个顶点的位置参数
3.获取信息如下:
1(0,0)
2(10px,100%)
3(calc(100% - 10px),100%)
4(100%,0)
4.汇总代码如下:
clip-path:polygon(0 0, 10px 100%,calc(100% - 10px) 100%,100% 0);
以如下梯形为例,步骤如下:
1.将梯形放进直角坐标系的第四象限;
2.计算每个顶点的位置参数
3.获取信息如下:
1(0,0)
2(10px,100%)
3(calc(100% - 10px),100%)
4(100%,0)
4.汇总代码如下:
clip-path:polygon(0 0, 10px 100%,calc(100% - 10px) 100%,100% 0);