Blob形状生成器

Blob（斑点）形状是近年来非常流行的有机设计元素，常用于网页背景装饰、头像容器、插画配景等场景。它通过 CSS 的 border-radius 八值语法（水平半径 / 垂直半径）实现四个角各自独立的椭圆圆角，从而形成不规则但平滑的有机轮廓。

典型应用场景

• 落地页 Hero 区的背景装饰图形，替代呆板的矩形色块
• 团队头像、产品图的异形容器，提升页面设计感
• 插画与海报中的有机色块，配合渐变填充效果更佳
• 加载动画或悬浮装饰元素，配合 CSS 动画让 Blob 缓慢形变

常见问题

• 平滑度是什么？平滑度控制随机时圆角值的取值范围：数值越大，八个值越接近 50%，形状越接近正圆；数值越小，取值范围越宽，形状越不规则。
• CSS 和 SVG 有什么区别？CSS 版本适合网页元素，直接对 div 应用即可；SVG 版本使用 path 圆弧命令绘制，缩放不失真，适合导出为图片素材或插画使用。
• 随机种子有什么用？相同种子在相同平滑度下会生成完全相同的形状，方便记录和复现你喜欢的结果。