clip-path
是一个强大的 CSS 属性,用于裁剪元素的可视区域,支持多种形状裁剪。它可以用来创建复杂的裁剪效果,如圆形、多边形、路径等。
css">clip-path: none | shape | url(#clipPathId);
- none:不裁剪,显示完整内容。
- shape:定义裁剪形状,可以是
circle()
、ellipse()
、polygon()
、inset()
等。 - url(#clipPathId):引用 SVG 的
<clipPath>
定义。
svg 可视化路径