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%);
所有操作均在您的浏览器中完成。
工具页面更新日期：