✂️

CSS Clip-path 生成器

可视化 CSS Clip-path 生成器，支持预设形状与拖拽调整。

CSS Output

.element {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

自定义颜色

💡 提示：对于多边形，您可以直接在预览区域拖动控制点来调整形状。

关于此工具

CSS Clip-path 生成器是一个直观的可视化工具，帮助开发者轻松创建复杂的裁剪路径。工具提供了丰富的预设形状，如三角形、多边形、圆形、椭圆等。对于多边形，您可以直接在预览区域拖动控制点来微调形状。支持实时预览背景效果，并一键生成兼容性良好的 CSS 代码。