ToolPilot
设计

CSS Clip-Path 生成器

使用预设形状和可编辑的坐标点创建多边形、圆形和形状裁剪路径。

将元素裁剪为三角形、六边形、星形和自定义多边形。编辑坐标点列表时实时预览会同步更新,CSS 可直接粘贴使用。

正在加载工具…
隐私: 快速、私密的 ToolPilot 实用工具。您的数据尽可能在浏览器本地处理。

如何

  1. 1选择预设,或以多边形开始。
  2. 2在文本区域中编辑坐标点。
  3. 3复制 clip-path CSS。

常见问题

可以给 clip-path 添加动画吗?

可以。浏览器可以在坐标点数量相同的兼容多边形形状之间进行过渡。

我的文件会被上传到服务器吗?

不会。该工具完全在您的浏览器中运行,必要时使用 JavaScript 和 WebAssembly。您的文件和文本绝不会离开您的设备。

帮助我们改进

我们会定期改进工具。发现问题或有建议?我们在倾听。

相关工具

🎨

取色器 + HEX/RGB/HSL

🎯

HEX / RGB / HSL 转换器

🌈

调色板生成器

🌊

CSS 渐变生成器