VerbalCPU/index.html

## index.html
<body>
<canvas class="background"></canvas>
<button onclick="pause()">Pause Animation</button>
 <button onclick="resume()">Resume Animation</button>
</body>

## particles.markdown

      
    Raw
  

              particles.markdown
            
          
    Particles

A Pen by VerbalCPU on CodePen.
License.

  
## script.js
var particles;

particles = Particles.init({
  selector: ".background",
  color: ["#DA0463", "#404B69", "#DBEDF3"],
  connectParticles: true,
  speed: 5
});

function pause() {
  particles.pauseAnimation();
}

function resume() {
  particles.resumeAnimation();
}

## style.css
html,
body {
  margin: 0;
  padding: 0;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
	<body>
	<canvas class="background"></canvas>
	<button onclick="pause()">Pause Animation</button>
	<button onclick="resume()">Resume Animation</button>
	</body>
	var particles;

	particles = Particles.init({
	selector: ".background",
	color: ["#DA0463", "#404B69", "#DBEDF3"],
	connectParticles: true,
	speed: 5
	});

	function pause() {
	particles.pauseAnimation();
	}

	function resume() {
	particles.resumeAnimation();
	}
	html,
	body {
	margin: 0;
	padding: 0;
	}

	.background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	}