✂️ CSS Clip-Path 生成器

关于 CSS Clip-Path 生成器

这个工具可以可视化构建 CSS clip-path 声明。选择形状——多边形、圆形或椭圆——调整参数，复制生成的 CSS。预览实时更新，让你准确看到裁剪后的效果。

形状类型

• 多边形——将元素裁剪为围绕中心均匀分布的 N 个点定义的多边形。
• 圆形——裁剪为以 50% 50% 为中心、指定半径的圆。
• 椭圆——裁剪为具有独立 X、Y 半径的椭圆。

使用方法

1. 从下拉菜单选择形状。
2. 多边形设置点数（3–20），圆形设置半径，椭圆设置 X 和 Y 半径。
3. 点击生成将裁剪应用到预览框。
4. 点击复制 CSS复制 clip-path 声明。

常见问题

clip-path 有什么用？ 它隐藏元素中位于定义形状之外的部分，让你无需额外标签即可创建非矩形元素。

支持广泛吗？ 是的，clip-path 的 polygon()、circle()、ellipse() 在所有现代浏览器中都受支持。

可以给裁剪做动画吗？ 可以——用 CSS 过渡或动画在 clip-path 值之间过渡。