Load bubbles.js and configure the particles:
- Adding Opacity and Animation for It
- Adding Linked Lines between Bubbles
- Adding Event Listeners ["resize","mouse_move","click"]
https://codepen.io/ahmed-abbas/pen/JygYXE
https://ahmedofali.github.io/BubbleJS/
index.html
<div id="bubbler-js"></div>
<script src="bubbler.js"></script>bubbler.json
{
"settings": {
"number": {
"value": 80
},
"color": {
"value": "#ffffff"
}
"size": {
"value": 10,
"random": true,
"anim": {
"enable": false,
"speed": 80,
"size_min": 0.1
}
},
"move": {
"enable": true,
"speed": 12
}
}
}