可视化拖拽编辑 CSS clip-path,直接生成可用裁剪代码
这是浏览器端可视化编辑 CSS 裁剪路径的工具。解决手动写 polygon 坐标太麻烦、调整形状很难对齐的问题。
它遵循 W3C 标准 clip-path 语法,支持 inset、circle、ellipse、polygon 四种基础形状,编辑后直接输出可复制的 CSS 代码。
支持 inset、circle、ellipse、polygon 四种基础形状。路径可自由调整,复杂自定义形状使用 polygon 实现。
可以直接复制使用。生成代码符合标准 CSS 语法,所有现代浏览器都支持。
polygon 最多支持添加 30 个顶点,日常使用完全足够。顶点越多生成的代码越长。
可以,你可以上传本地图片预览裁剪效果。所有图片处理都在浏览器本地完成,不会上传到服务器。