CSS3 Clip-path是一个非常有用的属性，它可以用来剪切或者裁剪图像、视频或其他HTML元素的一部分。Clip-path 属性允许开发人员指定一个包含一个或多个剪切路径的值。这个属性不仅可以用于剪切一张图片，它还可以用于创建不寻常的形状，使得不寻常的形状成为可能。

img {
clip-path: path('M 20,20 A 20,20 0 0 1 20,60 L 20,80 A 20,20 0 0 0 20,120 H 80 A 20,20 0 0 0 100,100 
V 60 A 20,20 0 0 1 120,60 A 20,20 0 0 1 100,80 H 80 A 20,20 0 0 1 80,60 V 40 A 20,20 
0 0 0 60,20 H 40 A 20,20 0 0 0 20,40');
}

在上面的代码中，剪辑路径使用“path()”函数来进行指定。此函数需要一些路径命令，例如“M”代表移动到特定点，“A”代表从一个点到另一个点创建弧线，等等。这个路径从左上角开始，然后向下延伸到右下角并再次向上延伸到左下角。在这里，它是开始在左上角，绕着圆弧到达右上角。然后向下移动，遵循另一个圆弧到达右下角，再向上移动，最后以一个直线返回到开始点。

需要注意的是，因为Clip-path属性不是所有的浏览器都支持，请在使用它时，首先确保你的目标浏览器支持它。此外，这些剪辑路径也不是一定可访问的。