基于Particles.js制作超炫粒子动态背景效果(仿知乎)

前端之家收集整理的这篇文章主要介绍了基于Particles.js制作超炫粒子动态背景效果(仿知乎)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

好久没登录知乎,发现他们的登录页面粒子动态效果蛮炫的,查一下代码用了Particles.js基于Canvas画布创建粒子颗粒效果

上图

上图:

感觉有比格,就照着弄了一个,玩玩。

github:

操作过程:

网上有基本流程,可以参考一下,不过直接用在登录页面 会有小bug,需要调整下。

1、首先在页面中引入particles.js文件。

2、在页面中使用一个div来作为放置粒子的容器。[一般放最底部,css 需要改进一下]