CSS clip-path 生成器

有了 clip-path 属性，我们可以在 CSS 中通过将元素剪裁为基本形状来创建复杂形状，可以是简单的圆、漂亮的多边形，甚至是 SVG 源。CSS clip-path maker Clippy 是一种可视化工具，可帮助您在浏览器中创建和自定义剪辑路径。

clip-path

首先，从 Clippy 的菜单中选择一个形状和演示背景。然后，您可以拖动形状的点来创建您喜欢的任何形状。颜色编码的 CSS 不仅会立即反映您的更改，而且还会突出显示它们，以帮助您了解您的选择如何影响代码。

如果整个 clip-path 对您来说仍然有点抽象，您可以点击此处查看 clip-path 创建的弹出效果。