Demo for HTML Background Code with Escaping Particles

Preview

Source Code

                            <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- This script got from www.devanswer.com -->


<style>
body {
    color: #fff;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
   background: #000000;
    line-height: 1.4;
    overflow-x: hidden !important;
}
</style>

</head>
<body>
<script src='http://www.devanswer.com/codes/files/pineapple.js'></script><div id="bcl"><a style="font-size:8pt;text-decoration:none;" href="http://www.devanswer.com">Developers Answer</a></div>
<script>
const particles = new Pineapple()
// particles.createBackgroundParticlesCircle({size:4,particleNumber:2500,color:'#ffaaff',speed:0.41})
particles.createBackgroundParticlesSquare({size:4,particleNumber:2500,color:'#ffaaff',speed:0.41})
</script>

</body>
</html>

Other Codes

Colorful Hexagonal Background for Web Pages . . .

We have a hexagonal background. With the movement of the mouse, these hexagons become colored and after a short time, they turn gray again.

Change Web Page Background Shape on Click

In this code we have a black and white background. There are shapes on this background. Clicking on the background will change these shapes and create . . .

Moving Light Particles in HTML Page Background

The light dots in this code are moving on a black background. The colors of these dots are different and not the same. In addition, while moving, the . . .

Change HTML Background Color with a Click

The background we have in this code is one color. By clicking on buttons on the bottom of the page, background color changes.