(偽隨機背景)
隨機的背景比有規(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)建了一個偽隨機背景
