JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://npmcdn.com/[email protected]/dist/particles.min.js"></script>
<canvas id="myCanvas"></canvas>
<p>パーティクル!!!!!!!</p>
CSS
html,
body {
margin: 0;
}
#myCanvas {
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 0;
}
p{width:80%;margin:50px auto;font-weight:bold;font-size:18px;}
JavaScript
window.onload = function() {
Particles.init({ options });
};
// e.g.
window.onload = function() {
Particles.init({
selector: '#myCanvas',
color: '#c96a46',
connectParticles: true
});
};