有了 clip-path
属性,我们可以在 CSS 中通过将元素剪裁为基本形状来创建复杂形状,可以是简单的圆、漂亮的多边形,甚至是 SVG 源。CSS clip-path
maker Clippy 是一种可视化工具,可帮助您在浏览器中创建和自定义剪辑路径。
首先,从 Clippy 的菜单中选择一个形状和演示背景。然后,您可以拖动形状的点来创建您喜欢的任何形状。颜色编码的 CSS 不仅会立即反映您的更改,而且还会突出显示它们,以帮助您了解您的选择如何影响代码。
如果整个 clip-path
对您来说仍然有点抽象,您可以点击此处查看 clip-path
创建的弹出效果。