坐下來想想不知道最后一次認真的觀賞星星的是哪個時候的事了,接下來我們就來在電腦屏幕上創(chuàng)建星星吧.其實很簡單 . 1 獲取屏幕的寬 高 ;2.for遍歷循環(huán),當然了最終的總數(shù)量還是掌握在自己的手上啊;3我們通過最大的事件源 document 來創(chuàng)建span ,3.1 在css上添加span的樣式以及動畫,hover 4,設置星星的隨機位置 ,4.1 把隨機位置的值 賦給span. 5動畫的時候發(fā)現(xiàn)星星都是統(tǒng)一顯示出來的.那么我們就設置一個隨機數(shù),來延遲動畫 span.style.animationDelay =''+ blockDelay + 's'; ( blockDelay是一個隨機數(shù)) 6.然后我們發(fā)現(xiàn)他們的大小都一樣的,那么我們再給他另外的一個隨機數(shù),用來代表它transform 的時候 不統(tǒng)一 大小 span.style.transform = 'scale('+max_min +')'
圖片.png
圖片.png