particles实现粒子背景

代码语言:html

所属分类:粒子

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["particles"], function() {
                particlesJS("particle-js", {
                    "particles": {
                        "number": {
                            "value": 200,
                            "density": {
                                "enable": true,
                                "value_area": 100
                            }
                        },


                        "color": {
                            "value": ["#fff", "#eee"]
                        },

                        "shape": {
                            "type": "circle",
                            "stroke": {
                                "width": 0,
                                "color": "#000"
                            }
                        },


                        "opacity": {
                            "value": 0.8,
                            "random": true,
                            "anim": {
                                "enable": true,
                                "speed": 1,
                                "opacity_min": 0.1,
                                "sync": false
                            }
                        },


                        "size": {
                            "value": 1.5,
                        .........完整代码请登录后点击上方下载按钮下载查看

网友评论0