使用Demo
首先需要在index.html文件中实现这写代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>particle js dome</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--particles js container-->
<div id="particles-js"></div>
<!--外部需要引入的particle.js-->
<script src="particles.js"></script>
<!--particle.js的开始文件-->
<script src="app.js"></script>
<div class="login"></div>
</body>
</html>
其中particle.js是从官网上下载的
style样式表
/* =============================================================================
HTML5 CSS Reset Minified - Eric Meyer
========================================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{