(偽隨機背景)
隨機的背景比有規(guī)則的背景看起來更加自然礁苗，然而如何去制作隨機背景呢总棵。
首先做一個四色條紋
div{
width:200px;
height:100px;
background-image:linear-gradient(90deg,#fb3 15%,#655 0,#655 40%,#ab4 0,#ab4 65%,hsl(20,40%,90%) 0);
background-size:80px 100%;
}
這是一個重復的條紋，每80px重復一次整胃，那我們怎么改變會更加好看呢
1.png
方法一
通過幾天多數量條紋偏序，然后不同條紋重復的單位尺寸不相同拨扶，制造一種假象的隨機條紋箫荡。
關于條紋的覆蓋問題：寫在最前面的條紋優(yōu)先顯示说榆，寫在越后面的條紋越有可能被前面的條紋覆蓋
div{
width:200px;
height:100px;
background:hsl(20,40%,90%);
background-image:linear-gradient(90deg,#fb3 10px,transparent 0),linear-gradient(90deg,#ab4 20px,transparent 0),linear-gradient(90deg,#655 20px,transparent 0);
background-size:80px 100%,60px 100%,40px 100%;
}
這圖看起來隨機锥忿，但其實當width足夠大時牛郑，他還是重復的，240px為一段敬鬓，因為80px 60px 40px 最小公倍數為240px淹朋。所以到240px 時還是會重復。
2.png
如何去實現最小化的重復呢钉答，只要我們將最小公倍數為足夠大時础芍，重復度就會很低，比如把3個寬度設置為41 61 81 希痴，只要41*61無法整出 81者甲，則他們的最小公倍數就會變的很大，我們的背景條紋就很難重復砌创。
相當于創(chuàng)建了一個偽隨機背景
