粒子状のパーティクルを背景に表示させる方法。

18.10.27

粒子状のパーティクル　動くアニメーション

◆htmlには以下の記述（画像などの要素扱い）

<div id="particles"></div>

1	<div id="particles"></div>

◆CSSには以下の記述（画像などの要素扱いのためposition: absolute;）

#particles{
　height: 735px;
  position: absolute;
  width: 100%;
	}

#particles{

　height: 735px;

position: absolute;

width: 100%;

}

◆jsファイルは以下を記述（ワードプレス）

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.11.1.min.js<?php version_num(); ?>"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.particleground.js<?php version_num(); ?>"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/demo.js<?php version_num(); ?>"></script>