<div id="space"></div>
* {
margin: 0;
padding: 0;
}
canvas {
display: block;
}
#space {
width: 100%;
height: 100vh;
background: purple;
}
xxxxxxxxxx
particlesJS("space", {
"particles": {
"number": {
"value": 40,
"density": {
"enable": false
}
},
"color": {
"value": "#000"
},
"opacity": {
"value": 1,
"anim": {
"enable": false
}
},
"shape": {
"type": "circle",
"stroke": {
"width": 5,
"color": "#fff"
},
"polygon": {
"nb_sides": 6
}
},
"size": {
"value": 10,
"anim": {
"enable": false,
"speed": 20,
"size_min": 10,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 200,
"color": "#fff",
"opacity": 1,
"width": 4
},
"move": {
"enable": true,
"speed": 3,
"direction": "none",
"straight": false
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": false
},
"onclick": {
"enable": false
}
}
}
});
This Pen doesn't use any external CSS resources.