CSS 裁切路徑產生器
直接在畫布上塑造形狀。拖曳多邊形頂點，探索圓形與圓角形狀，並匯出 CSS 或 SVG。
即時預覽
拖曳頂點，或使用方向鍵移動；按住 Shift 時每次移動 10%。按 Delete 可移除頂點。
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
所有操作都在您的瀏覽器中完成。
相關工具
格式參考資料
工具頁面更新日期：
直接在畫布上塑造形狀。拖曳多邊形頂點，探索圓形與圓角形狀，並匯出 CSS 或 SVG。
拖曳頂點，或使用方向鍵移動；按住 Shift 時每次移動 10%。按 Delete 可移除頂點。
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
所有操作都在您的瀏覽器中完成。
工具頁面更新日期：