マウスと連動して背景が動くパララックス効果を使ったキュートなデザイン 『Simple Parallax with jQuery』

WS002827
このエントリーをはてなブックマークに追加
PR

Simple Parallax with jQuery
By Marius Balaj

DEMO 表示

pala2

マウスを動かすことで、背景の画像が連動して動くパララックス効果を使った背景です。

また、背景もキュートでポップなデザインで完成度が高いです。

ページのヘッダーや、フッダーに設置してつかえば 楽しいウェブサイトになってくるかなと思います。

雲、ビル群、木、草はそれぞれ独立した画像で出来ています、この部分を好きなものに入れ替えることでオリジナリティーを出せるかと思います。

 

マウスによる連動は、jQueryを使って書かれています。他のプラグインは使われていません

 

 

 

背景に使われている画像はこちらからダウンロード出来ます

http://psdblast.com/flat-color-abstract-city-background-psd

 

コードをダウンロード

DOWNLOAD
PR

COMMENT

コメントを残す

PR

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

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

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

Twitter Facebook Google+ Feedly RSS

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