Workspace
CSS Clip-Path 生成器
打破矩形束缚,创造不规则图形。
可视化拖拽节点,一键生成 CSS 代码,让网页设计更具动感。
编辑区域
拖动 ● 节点来调整形状 (仅 Polygon 模式支持拖拽)
CSS 代码
clip-path: circle(50% at 50% 50%);
形状预设
自定义参数
支持百分比或像素值,如:
circle(50% at 50% 50%)
工具介绍
Clip-Path生成器帮助创建CSS裁剪路径。
功能特点
- 8种预设形状
- 实时预览
- 自定义颜色
- 自定义输入