CSS Clip-path 多边形生成器
CSS clip-path 多边形版以拖动顶点或手写坐标定义裁剪区域，可视化调整 polygon、circle 即时预览，输出 clip-path 声明，用来把图片、色块裁成斜切角、箭头或任意自定义异形而无需事先切图。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 选择 polygon 或 circle 模式
- 拖动顶点或填写坐标点
- 预览异形裁剪效果
- 复制 clip-path 声明
典型场景
把 banner 图裁出斜切几何边
按钮做成箭头或不规则形状
图片遮罩出不规则高亮区
常见问题
坐标是相对谁？
以元素盒子为基准，支持百分比随尺寸自适应。
会影响布局吗？
只裁视觉，不改变元素在流中的占位盒。
能用路径吗？
支持 path 形式表达更复杂的自定义轮廓。