去年在电影院看过的电影，印象最深刻的，算是电影《你的名字》了，而且被其中的画面深深吸引了，尤其是陨石划过天空的场景，太美啦！所以想着哪天做一个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中写入 运行项目，效果即可以出来 ...