【Javascript】軽量の粒子の背景プラグイン。Particles.js

particles.jsは、軽量の粒子の背景javascriptのプラグインです。

JS

<script src="path/to/particles.min.js"></script>

HTML

<canvas id="myCanvas"></canvas>

CSS

html,
body {
margin: 0;
}
#myCanvas {
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 0;
}
window.onload = function() {
Particles.init({ options });
};
// e.g.
window.onload = function() {
Particles.init({
selector: '#myCanvas',
color: '#0f9976'
});
};

Options

selector
maxParticles 100
sizeVariations 3
speed 0.5
color #000000
minDistance 120
connectParticles false

ブラウザサポート

IE9 +およびすべての最新ブラウザ
MIT

 
particles.js

【Javascript】軽量の粒子の背景プラグイン。Particles.js

  • LATEST
  • RELATED
  • POPULAR