免费在线CSS Clip-Path裁剪路径生成器，通过可视化拖拽编辑器创建多边形、圆形、椭圆和自定义形状的裁剪区域。实时预览元素裁剪效果，一键生成并复制标准CSS clip-path属性代码。帮助前端开发者快速实现创意异形布局、图片遮罩和交互动画效果，无需手动计算坐标点。无需注册，纯前端运行。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用👁️ 预览
📝 CSS代码
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
⚙️ 参数
支持哪些形状？
polygon、circle、ellipse、inset四种基本形状。
如何编辑多边形顶点？
使用滑块精确控制坐标，或选择预设形状。
浏览器兼容性？
Chrome 55+、Firefox 54+、Safari 13.1+、Edge 79+。IE不支持。
数据安全吗？
完全安全。所有编辑在浏览器本地完成。