用來定義頁面和每個粒子的背景色位置是必需要設置的，稍后我們可以用 CSS 屬性 left 和 top 在頁面上自由放置粒子 1body 2。

它調(diào)用的粒子動畫效果，讓網(wǎng)頁背景更有科技感顏色還可以任意切換哦我們先來看一下效果圖標準版星空版泡泡版下雪版。

這是一個基于vue3+threejs實現(xiàn)的背景特效，效果酷炫，可通過組 starthtml#tryvueonlin執(zhí)行命令，安裝。

并且蒙版模式設置為“相加”，這樣就可以形成一個限制在圓形范圍內(nèi)的動態(tài)效果了，此時可以按下“空格鍵”預覽動畫效果，看是否。

使用 HTML5 的 Canvas 元素實現(xiàn)一個帶有跳動效果的粒子動畫具體來說，會用到 Canvas 的2D渲染上下文，通過 JavaScript 編寫繪。

隨機粒子動畫說到隨機性，我們可以實現(xiàn)一種更瘋狂的效果給幾 偽類HTML元素的狀態(tài)是可以動態(tài)變化的舉個栗子，當你的鼠標。

文末有碼上掘金可以看效果的哦canvas 粒子動畫介紹何為canvas？canvas是HTML5中新增的一個標簽，主要是用于網(wǎng)頁實時生成。

設置陰影以及背景顏色等細節(jié)想要保存下來的話，在圖像類別上可以選擇圖片格式，最后選擇下一步，點擊下載就可以得到效果圖。

具有很強的色彩效果，甚至可以用來模擬光這個作品用到了HTML的dialog標簽，漸變背景，動畫以及overflow障眼法，細心的你看出來。