html页头logo,HTML5/SVG粒子冒泡动画背景的网站页头Logo

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

particlesJS("particles-js", {

"particles": {

"number": {

"value": 380,

"density": {

"enable": true,

"value_area": 400

}

},

"color": {

"value": "#ffffff"

},

"shape": {

"type": "circle",

"stroke": {

"width": 0,

"color": "#000000"

},

"polygon": {

"nb_sides": 5

},

"image": {

"src": "/uploads/150801/circle-84173e.svg",

"width": 8,

"height": 8

}

},

"opacity": {

"value": 0.7,

"random": false,

"anim": {

"enable": false,

"speed": 1,

"opacity_min": 0.3,

"sync": false

}

},

"size": {

"value": 3,

"random": true,

"anim": {

"enable": false,

"speed": 40,

"size_min": 0.1,

"sync": false

}

},

"line_linked": {

"enable": false,

"distance": 30,

"color": "#ffffff",

"opacity": 0.4,

"width": 1

},

"move": {

"enable": true,

"speed": 4,

"direction": "top",

"random": false,

"straight": false,

"out_mode": "out",

"bounce": false,

"attract": {

"enable": false,

"rotateX": 600,

"rotateY": 1200

}

}

},

"interactivity": {

"detect_on": "canvas",

"events": {

"onhover": {

"enable": false,

"mode": "bubble"

},

"onclick": {

"enable": true,

"mode": "push"

},

"resize": false

},

"modes": {

"grab": {

"distance": 140,

"line_linked": {

"opacity": 1

}

},

"bubble": {

"distance": 400,

"size": 12,

"duration": 2,

"opacity": 8,

"speed": 3

},

"repulse": {

"distance": 50,

"duration": 0.4

},

"push": {

"particles_nb": 10

},

"remove": {

"particles_nb": 2

}

}

},

"retina_detect": true

});