<div id="grass"></div>
* {
margin: 0;
padding: 0;
}
canvas {
display: block;
}
#grass {
width: 100%;
height: 100vh;
background: black;
}
xxxxxxxxxx
particlesJS("grass", {
"particles": {
"number": {
"value": 2,
"density": {
"enable": false
}
},
"shape": {
"type": "image",
"image": {
"src": "data:image/jpeg;base64,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",
"width": 1,
"height": 1
}
},
"size": {
"value": 40
},
"line_linked": {
"enable": false
},
"move": {
"enable": true,
"speed": 10,
"random": true,
"straight": false
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": false
},
"onclick": {
"enable": false
}
}
}
});
This Pen doesn't use any external CSS resources.