clip-path多种方式一起实现裁剪

以下是使用clip-path多种方式一起实现裁剪的例子：

<div class="clip-path-demo"></div>

.clip-path-demo {
  width: 200px;
  height: 200px;
  background: url('path/to/image.jpg');
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

上述代码中，我们使用了一个div元素作为演示容器，并将其设置为200x200像素的正方形。我们还将其背景设置为一张图片。接下来，我们使用了两种不同的方式来定义clip-path属性，一种是webkit前缀的方式，另一种是标准的方式。这两种方式都定义了一个四边形的路径，将容器裁剪为一个四边形。