CSS Clip-Path 生成器 - 每日工具 | daystool.com

CSS Clip-Path 生成器

可视化调整 clip-path 多边形与 inset/ellipse,实时预览并复制 CSS,localStorage 保存参数。

快速高效
简单易用
安全隐私

可视化 clip-path;CSS 滤镜见 CSS Filter 生成器

使用说明

选择 clip-path 形状并调整参数,实时预览裁剪效果并复制 CSS。

  1. 选择 polygon/inset/circle/ellipse 并拖动 P1–P4 参数。
  2. 预览区即时展示裁剪;下方输出 clip-path 声明。
  3. 参数自动保存到 localStorage。

数据均在浏览器本地处理,不会上传到服务器。