让所有浏览器用上 CSS random()：一个硬核 Polyfill

概述

2025 年底 Safari 成为首个支持 CSS random() 的浏览器，这让网页可以在不依赖 JavaScript 的情况下实现受控的随机布局，比如彩带特效、微妙的页面变化。但半年后其他浏览器仍无明确支持时间表，作者 Lee Meyer 决定动手写一个 polyfill。他坦承这条路非常难走：random() 的语法因随机缓存、键控语义、基值与区间选项而异常复杂，且规范还处于「早期探索、预计重大破坏性变更」的编辑器草案阶段，CSS polyfill 本身又是个雷区。文章展示了如何应对这些障碍，把随机性以声明式方式带进 CSS。