伪随机背景

可以看到,重复规律非常明显

为了更真实地模拟条纹的随机性,我们接下来可能会想到,把这组条纹从一个平面拆散为多个图层:一种颜色作为底色,另三种颜色作为条纹,然后再让条纹以不同的间隔进行重复平铺。这一点不难做到,我们在色标中定好条纹的宽度,再用 background-size 来控制条纹的间距

因为最顶层贴片的重复规律最容易被察觉(它没有被任何东西遮挡),所以我们应该把平铺间距最大的贴片安排在最顶层

仔细观察,仍然可以看出图像每隔 240px 就会重复一次。其实 240 正是 80 60 40 的最小公倍数(LCM)

所以,要让这种随机性更加真实,我们只要让最小公倍数最大化,让这些数字最好是 "相对质数" 即可