顯示廣告
隱藏 ✕
看板 Mesak
作者 mesak (Mesak)
標題 [JS] Parallax 層次場景
時間 2012年12月10日 Mon. AM 01:37:23


21 Examples of Parallax Scrolling in Web Design
	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	

Parallax [2] is a difference in the in the apparent position of an object viewed along different lines of sight. The term derives from the Greek word parallaxis, meaning alteration. In web design, the parallax effect is a relatively new trend. The effect itself has been around for a while, but lately is becoming more used and talked about.

The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. We gathered some examples of websites using the parallax effect to inspire you. This effect certainly makes scrolling around websites an interesting experience.

Nike Better World  [12]


Webdesign Karlsruhe  [18]


YEBO Creative  [21]


Head2Heart  [24]


Len M  [27]


iutopi  [30]


Drupalcon Denver 2012  [33]


Ben the Body Guard  [36]


Fingerbilliards  [39]


Kisko Labs  [42]


Guy Vernes  [45]


Netlash-bSeen  [48]


Egopop Creative Studio  [51]


Jan Ploch  [54]


unfold  [60]


Source :


The Best Designs [66]

Awwwards [67]


	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	

About the Author 

	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: San Bruno, CA – USA. Twitter: @gismullr

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	

Related Posts 

Here's some other articles that you will definitely find useful.

	
	
	
	
	
	
	
	
	

21 Examples of Beautiful Images in Web Design  [68]

	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
 

--
Mesak Blog
http://mesak.oow.me
--
※ 作者: mesak 時間: 2012-12-10 01:37:23
※ 看板: Mesak 文章推薦值: 0 目前人氣: 0 累積人氣: 85 
分享網址: 複製 已複製
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇