CSS clip-path 生成器
可视化调节裁剪形状，实时预览并复制 clip-path，实时预览并一键复制 CSS，全程在浏览器本地完成。
预览
生成的 CSS
使用说明
CSS clip-path 可把元素裁剪成任意多边形。本工具提供可视化拖拽控制点与常用形状预设，实时预览后复制 clip-path 代码，全部在浏览器本地完成。
- 选择形状预设（三角形 / 菱形 / 箭头等）或切换到多边形模式。
- 拖拽控制点调整顶点位置，观察右侧实时预览。
- 需要时添加 / 删除顶点，或输入精确的百分比坐标。
- 复制生成的 clip-path 代码，粘贴到样式表中。
常见问题
- clip-path 兼容性如何？
- 现代浏览器均支持 polygon() 等基础语法；旧版浏览器可能需要 -webkit- 前缀。
- 会不会影响布局？
- clip-path 只裁剪可见区域，元素占位与盒模型不变，可能留下透明区域。
- 数据会上传吗？
- 不会，全部在浏览器本地计算。