CSS Clip-Path 生成器

在线 CSS clip-path 裁剪路径生成器,可视化绘制多边形、圆形、椭圆与内嵌矩形等形状,拖拽锚点实时预览并复制生成代码;浏览器本地运行,免费无需安装。

🔷 选择形状
多边形
圆形
椭圆
内嵌矩形
⭐ 预设形状
👁️ 预览
纯色
图片
⚙️ 参数调整
4

拖拽预览区域的顶点调整形状

📋 生成代码
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);