CSS Clip-path

可视化创建裁切路径、多边形裁剪

preview
Generated CSS
clip-path: circle(50% at 50% 50%);
路径预设
交互编辑 (Beta)
此工具目前提供预设形状,高级的多点自由拖拽功能正在开发中。您可以直接在生成的 CSS 中手动微调数值。
浏览器支持

clip-path 属性在所有现代浏览器中均受到支持。对于某些极其复杂的路径,SVG 裁切可能是更好的选择。