前端实现不规则四边形：三种方法及示例

前端实现不规则四边形有多种方法，以下是其中的一些：

1. 使用 CSS3 的 transform 属性和 skew() 函数

.shape {
  width: 200px;
  height: 100px;
  transform: skew(-20deg);
}

2. 使用 CSS3 的 clip-path 属性和 polygon() 函数

.shape {
  width: 200px;
  height: 100px;
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
}

3. 使用 SVG 路径

<svg width='200' height='100'>
  <path d='M0 0 L200 0 L160 100 L40 100 Z' />
</svg>

以上是其中的几种方法，根据实际需求选择合适的方法即可。