クリエイティブなパララックス(視差効果)サイト10選!

2014/02/17

こんにちは。
今回は、個人的に印象に残ったパララックス(視差効果)を使ったサイトを紹介したいと思います。
パララックスサイトとは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。
Webサイト制作に活用してみてはいかがでしょう。

クリエイティブなパララックス(視差効果)サイト10選!

jQuery最高の教科書

parallax2

http://jquery.shiftbrain.co.jp/

 

Focus Lab, LLC

parallax1

http://focuslabllc.com/

 

クロダミサト

parallax3

http://kurodamisato.com/

 

PRIVATE PHOTO STUDIO HOME

parallax4

http://studio-home.jp/

 

I’m a runner. adidas Running

parallax5

http://adidas.jp/running/runner/

 

cultural solutions uk

parallax6

http://www.culturalsolutions.co.uk/

 

日清焼そばU.F.O.

parallax7

http://www.nissin-ufo.jp/

 

OK Studios

parallax8

http://www.ok-studios.de/

 

Awwwards Conference

parallax9

http://conference.awwwards.com/

 

Fifteen

parallax10

http://www.fifteen.net/

 

実践Webデザイン jQuery+CSSフレームワークでサクサクつくる「動き」と「仕掛け」
実践Webデザイン jQuery+CSSフレームワークでサクサクつくる「動き」と「仕掛け」

 

いかがでしたか。
どれもパララックスを使った素敵なサイトですね。
以上でクリエイティブなパララックス(視差効果)サイト10選でした。

topへ戻る