[CSS揭秘]偽隨機背景

標籤：重複   情境   需要   大自然   指定   產生   最好   事物   多層   

大自然中的事物都不是以無限平鋪的方式存在的，如果想讓事物營造一種自然隨機性，那麼就需要使用一種偽隨機的技巧。

當你注意到一個有辨識度的特徵在以固定的規律迴圈重複時，那麼它視圖營造的自然隨機性就會立刻崩塌。

如何產生一種真實的隨機條紋呢，這就需要先瞭解什麼叫做最大公倍數以及質數。

如果有多層圖案，並且每一層圖案都在按照自身的數學規律在重複時，那麼最終重疊產生的圖案就會以這些圖案的數學規律的最小公倍數來進行重複。

為了讓最小公倍數最大化，那麼這些數字最好是“相對質數”或者都是質數。

這個技巧是一個叫Alex Walker提出的，命名為"蟬原則"。

運用情境:

1. 在圖片庫中，為每一幅圖片進行細微的偽隨機旋轉效果，可以通過質數來選取指定的子項目使其旋轉某個質數相應的角度。

2. 為某個元素定義動畫時，可以定義多個時間長度為不同質數的動畫。

[CSS揭秘]偽隨機背景