背景にパララックスで分子的なものを敷けるjQueryプラグイン「Particleground」

最近点と点をつないで、分子のように見えるメインビジュアルなどを見るケースが増えているような気がします。
jQueryプラグインのParticlegroundを利用すると、簡単に実現でき、おまけにパララックス的な効果もついてきます。
背景にパララックスで分子的なものを敷けるjQueryプラグイン「Particleground」サンプル

使用方法
Particlegroundからファイル一式をダウンロード。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type='text/javascript' src='jquery.particleground.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('#particles').particleground({
dotColor: '#5cbdaa', //ドットの色
lineColor: '#5cbdaa', //線の色
particleRadius: 15 //ドットの大きさ
});
});
</script>

あとは上記で指定した#particlesを表示させたい要素を記述すれば完成です。
<div id="particles"></div>
背景にパララックスで分子的なものを敷けるjQueryプラグイン「Particleground」サンプル

sponsors

「背景にパララックスで分子的なものを敷けるjQueryプラグイン「Particleground」」をシェアする

記事作成:
記事URL:

TOP > > > 背景にパララックスで分子的なものを敷けるjQueryプラグイン「Particleground」