CSS Clip-path 生成器

16 种常用 clip-path 形状预设（圆形/五角星/六边形/心形等），实时预览并复制代码

所有处理在浏览器本地完成,文件不上传
预览 — 圆形
形状预设
clip-path: circle(50% at 50% 50%);

设计工具 · 相关工具

查看全部 15 款 →
CSS 阴影

box-shadow 可视化
CSS 渐变

渐变色编辑器
CSS 圆角

border-radius 调节
CSS 毛玻璃

backdrop-filter
CSS Flexbox

可视化 flex 布局
CSS Grid

可视化网格布局