前端使用particlesjs实现背景的动态粒子特效

废话不多说，先上效果图：

 这种动态的背景特效看似十分复杂，但制作起来其实非常简单。

我们这里借助了一个特效库叫做particles.js

particles.js库的话我们可以从github网站下载到最新的源码：

网址是： https://github.com/VincentGarreau/particles.js/

使用方法

第一步，在html中引入脚本文件 particles.min.js，这个文件在下载的压缩包里可以找到

<script src="particles.min.js"></script>

第二步，在html中放入一个div容器，设置id为particles-js，并写上我们的css样式。这个一般放在所有网页元素的最后面就可以。

<div id="particles-js"></div>
<style type="text/css">
　　#particles-js {
　　　　position: absolute;
　　　　top:0;
　　　　width:100%;
　　}
</style>

第三步，脚本生成粒子效果，可以单独