jQuery夜晚天空滿天星星閃爍動畫程式碼

weixin_33859844發表於2017-08-24

實現思路:

1、通過for迴圈生成span標籤,生成的span標籤隨機給一個0~3區間大小畫素和隨機顏色以及隨機位移,而後通過append()新增如DOM內。

2、而後呼叫setTimeout()方法和setInterval()方法執行,遍歷每個span標籤,改變它們的位移,而後通過css樣式 transition:all 100s linnear 讓其慢慢產生位移效果。

2706477-f28bff0b866d62d3.png
js程式碼
2706477-70f30343363e6815.png
css程式碼
2706477-3989e9e66d9fd8fc.png

相關文章