Blob 是边缘不规则却平滑的柔软有机形状——自 2020 年起无数首页背景、头像和分区装饰背后的设计趋势。经典 CSS 技巧用 8 值 border-radius 把普通矩形弯成有机形态。
常见问题
Q: border-radius blob 技巧的原理？
border-radius blob 技巧的原理？8 值语法 border-radius: a b c d / e f g h 为每个角分别设置水平和垂直半径。不对称数值把矩形扭曲成平滑有机形状。
Q: Blob 能动画吗？
Blob 能动画吗？能。用 @keyframes 或 transition 在两个有机数值集之间动画 border-radius，形状会平滑变形——标志性的「变形 blob」效果。
Q: 2026 年 blob 还流行吗？
2026 年 blob 还流行吗？流行。有机形状从 2020 年的趋势演变为现代设计标配——Stripe、Vercel 和无数的 SaaS 首页都在用。与玻璃拟态和渐变完美搭配。
Q: 用 SVG 还是 CSS 做 blob？
用 SVG 还是 CSS 做 blob？CSS border-radius 更轻、更好编辑，适合装饰背景。SVG path 能精确控制，适合标志和插画，但复杂度更高。
Q: 怎么把 blob 用作背景？
怎么把 blob 用作背景？创建带 blob 圆角的定位 div，设低 z-index，加渐变填充和可选模糊，内容放在上面。慢速动画做出「活背景」。
中国传统色
中国传统色源自「五色观」——青、赤、黄、白、黑，对应五行、方位与季节。古人从矿物与植物中提炼颜料，形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作，至今仍是设计师的灵感源泉。
胭脂 #9D2933古代妆饰与衣料的经典红色，由胭脂虫或红花制成
朱砂 #FF461F矿物颜料，故宫红墙与印章的常用色
竹青 #789262竹叶之色，文人雅士钟爱的清雅色调
月白 #D6ECF0月光般的淡蓝色，明清宫廷常服用色
藤黄 #FFB61E取自藤本植物汁液，国画重要黄色颜料
石绿 #16A951矿物孔雀石研磨而成，山水画中的绿色
墨色 #50616D书法用墨的深灰蓝色，文房四宝之色
Q: 什么是中国传统色？
什么是中国传统色？中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料，形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值？
中国红是什么色值？中国红属于朱砂色系，常用色值 #FF461F（朱红）或 #9D2933（胭脂）。故宫红墙更接近深红色 #A61B29。