clip-path
是一個強大的 CSS 屬性,用于裁剪元素的可視區域,支持多種形狀裁剪。它可以用來創建復雜的裁剪效果,如圓形、多邊形、路徑等。
clip-path: none | shape | url(#clipPathId);
- none:不裁剪,顯示完整內容。
- shape:定義裁剪形狀,可以是
circle()
、ellipse()
、polygon()
、inset()
等。 - url(#clipPathId):引用 SVG 的
<clipPath>
定義。
svg 可視化路徑