有机 CSS Blob 形状生成器
直观地设计 CSS 边框半径：四个独立的角滑块（以 px 或百分比表示）、用于即时圆圈和药丸的链接所有角的快捷方式，以及具有随机形状的有机斑点模式。
处理中...
0%
结果
此页面直接以 Blob 模式打开边框半径生成器，并已加载有机形状：没有方角，没有完美的圆形，只是仅由 CSS 构建的柔和的不规则轮廓。随时点击“随机化”以获得新的变化。
每个 CSS blob 背后的技巧是八值斜线语法：border-radius 接受两组由斜线分隔的四个百分比，第一组弯曲水平半径，第二组弯曲垂直半径。两组不匹配正是破坏了普通圆角矩形对称性的有机轮廓的原因。
像这样的斑点填充了无数现代登陆页面上的英雄图像、头像和插图后面的空白空间，正是因为不需要库或 SVG 导出——它只是四行 CSS。复制当前形状，或继续随机化，直到感觉适合您的布局。