<style>
body,
html {
    height: 100%
}

#particles-js canvas {
    display: block;
    vertical-align: bottom;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
    transition: opacity .8s ease, transform 1.4s ease
}

#particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0
}
</style>
<div id="particles-js"></div>
<script src="https://s3.amazonaws.com/files.enjin.com/1504354/bootstrap3/particles.js"></script>

<script>
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'https://s3.amazonaws.com/files.enjin.com/1504354/bootstrap3/particlesjs.json', function() {
  console.log('callback - particles.js config loaded');
});
</script>