娃娃將近半個(gè)月沒有寫博客龙亲，甚是不爽。
與此同時(shí)鳄炉，墨魚丸也懶得要命，使勁兒胖佑女，胖成了一條海參谈竿。
偽隨機(jī)背景用法很巧妙，這一節(jié)的目的就是想讓條紋背景當(dāng)中的條紋“不規(guī)律”滴出現(xiàn)嚎花，至少在有限長度（或?qū)挾龋┓秶鷥?nèi)你是看不出來的劫恒。
拿四色條紋來說，摘出來一個(gè)作為底色，另外三個(gè)重復(fù)出現(xiàn)的頻率不一樣（用background-size來控制）族壳，比如這樣寫：
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%;
這里面的規(guī)律是：#fb3的寬度為10px，每隔80px出現(xiàn)一次贰您；#ab4寬度為20px，每隔60px出現(xiàn)一次拢操；#655寬度為20px，每隔40px出現(xiàn)一次杠园。（但它有時(shí)候比較苦逼舔庶，就是該當(dāng)它出現(xiàn)的時(shí)候有可能會(huì)被#fb3和#ab4覆蓋一部分或全部，所以這時(shí)候你是看不到它的）同時(shí)瞧甩，根據(jù)linear-gradient的順序來排他們顯示的優(yōu)先級(jí)。
however６且荨（however又來了。膝晾。思灰。）
background-size的值如果看起來很nice的話，條紋顯示的隨機(jī)性會(huì)減弱的洒疚。
而每隔240px（40px、60px巍扛、80px的最小公倍數(shù)）乏德，紅框的部分就會(huì)再一模一樣滴顯示一遍出來。
就像醬紫：
那怎么辦呢胧瓜？
那就讓最小公倍數(shù)無限大（所謂的“禪原則”）郑什，可視范圍內(nèi)紅框就不重復(fù)出現(xiàn)啦~
比如把80px、60px钝满、40px分別改成41px申窘、61px、83px剃法，而他們的最小公倍數(shù)為207583...我保證你絕對(duì)不會(huì)看到重復(fù)的紅框框！
background-size: 41px 100%, 61px 100%, 83px 100%;
醬~ done~
