✂️ 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%);为开发者提供随手可用的在线工具
创建自定义 clip-path 形状,支持多边形、圆形、椭圆和内嵌矩形
.element {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}单行版本
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);