css 裁剪 clip-path

clip-path 是一个强大的 CSS 属性，用于裁剪元素的可视区域，支持多种形状裁剪。它可以用来创建复杂的裁剪效果，如圆形、多边形、路径等。

clip-path: none | shape | url(#clipPathId);

• none：不裁剪，显示完整内容。
• shape：定义裁剪形状，可以是 circle()、ellipse()、polygon()、inset() 等。
• url(#clipPathId)：引用 SVG 的 <clipPath> 定义。

svg 可视化路径