集まった粒子が弾けるような感じの背景の演出がカッコイイ ウェブデザイン

PR

By Amelia Wattenberger

DEMO 表示

pen2

ちょっと閲覧すると重たいのですが、ページをヒュ持するときに、つぶつぶがバラバラに飛び散るのが、なんかカッコイイ
よくみると、蜘蛛の巣の糸の様なものでつぶつぶがひっついていて、マウスを近づけると逃げていきます、あと画面内をクリックするとつぶつぶが動きます

ちょっと動作が重たいですが、おもしろカッコイイ

 

javascriptの最初のところで粒子の数を調整できます

var window_width = $(window).width(),
    width = window_width,
    height = 400,
    num_dots = 500,
    force_gravity = 1;

num_dots のところの数値がつぶつぶの数

 

コード一式をダウンロード

DOWNLOAD
PR

COMMENT

  1. html初心者

    http://codepen.io/assets/libs/fullpage/jquery.js
    上記がエラーで読み込めないようなのですが・・・

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー