去年在電影院看過的電影，印象最深刻的，算是電影《你的名字》了，而且被其中的畫面深深吸引了，尤其是隕石划過天空的場景，太美啦！所以想着哪天做一個canvas的流星效果。最近剛好看到油管上的一個視頻，作者的主頁就是隕石墜落的粒子效果為背景，雖然沒有《你的名字》中那么寫實，但也是很漂亮了，效果大概長 ...

一：開篇 哈哈哈，感謝標題黨的蒞臨~ 雖然標題有點誇張的感覺，但實際上，插件庫確實是簡潔，高效，輕量級，酷炫酷炫的咯。廢話不多說，先來看個標配例子吧： （codepen在線 ...

項目安裝 main.js 引入 App.vue 效果： ...

一款酷炫的前端動態頁面 廢話不多說 ，分享一款酷炫的頁面動態背景 效果見下圖。 查看 demo 背景圖效果： 實例效果 點擊效果： 背景 ...

HTML5 Canvas <canvas>標簽定義圖形，比如圖表和其他圖像，必須用腳本（javascript）繪制圖形. 舉例：繪制矩形 打造Canvas粒子動畫 效果： 創建步驟： 轉載：https://isux.tencent.com ...

炫酷背景，簡單效果杠杠噠，小伙伴們先來看看效果吧 步驟一：打開ps創建一個新文檔，大小我按照自己筆記本屏幕的大小設置的 步驟二：按一下D鍵把前景色和背景色調為原始黑白，創建新圖層，執行濾鏡-渲染-雲彩 步驟三：接着執行濾鏡-像素化-馬賽克，參數按照自己畫布大小 ...

貌似正文運行不了JS了... 打開瀏覽器Console，復制下面的js運行即可... ...

先來看我做的效果 我這個是用的背景色加上這個粒子效果實現的demo 平時我們做項目的話會添加背景圖片這些，可能更加好看 看我的實現步驟 在main.js中引入 在App.vue中寫入 運行項目，效果即可以出來 ...