开发者工具箱

为开发者提供随手可用的在线工具

✂️ CSS 剪切路径生成器

创建自定义 clip-path 形状,支持多边形、圆形、椭圆和内嵌矩形

路径类型

路径值

格式: x1 y1, x2 y2, x3 y3, ...

预设模板

预览

CSS 代码

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

快速使用

单行版本

clip-path: polygon(50% 0%, 0% 100%, 100% 100%);