首页
›
CSS Clip-path 生成器
✂️ CSS Clip-Path 生成器
可视化创建 CSS clip-path 裁剪路径
🌓 切换主题
🔷 选择形状
多边形
圆形
椭圆
内嵌矩形
⭐ 预设形状
👁️ 预览
纯色
图片
点击或拖拽上传图片
⚙️ 参数调整
半径
50%
中心 X
50%
中心 Y
50%
X 半径
50%
Y 半径
35%
中心 X
50%
中心 Y
50%
上边距
10%
右边距
10%
下边距
10%
左边距
10%
圆角
10px
顶点数量
4
拖拽预览区域的顶点调整形状
📋 生成代码
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
📋 复制代码
🔄 重置