可视化 clip-path;CSS 滤镜见 CSS Filter 生成器。
CSS Clip-Path 生成器
可视化调整 clip-path 多边形与 inset/ellipse,实时预览并复制 CSS,localStorage 保存参数。
快速高效
简单易用
安全隐私
使用说明
选择 clip-path 形状并调整参数,实时预览裁剪效果并复制 CSS。
- 选择 polygon/inset/circle/ellipse 并拖动 P1–P4 参数。
- 预览区即时展示裁剪;下方输出 clip-path 声明。
- 参数自动保存到 localStorage。
数据均在浏览器本地处理,不会上传到服务器。