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

WS002533
このエントリーをはてなブックマークに追加
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

コメントを残す

PR

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

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)