視差滾動（Parallax Scrolling）是一種獨特的網頁內容表現形式，其基本原理是讓多層背景以不同的速度移動，形成立體的運動效果，帶來出色的視覺體驗。作為今年網頁設計的熱點趨勢，越來越多的網站應用了這項技術。今天這篇文章向大家分享視差滾動的網頁設計中應用的精美案例，一起欣賞（以拖動滾動條方式瀏覽效果更佳）。

　　視差滾動（Parallax Scrolling）是一種獨特的網頁內容表現形式，其基本原理是讓多層背景以不同的速度移動，形成立體的運動效果，帶來出色的視覺體驗。作為今年網頁設計的熱點趨勢，越來越多的網站應用了這項技術。今天這篇文章向大家分享視差滾動的網頁設計中應用的精美案例，一起欣賞（以拖動滾動條方式瀏覽效果更佳）。

Soleil Noir

Bagigia

New Zealand

Friendly Gents

Whiteboard

Playtend

TokioLab

Cheese Please

Marcus Thomas

Krystalrae

Air Jordan 2012

Q music Titanic

no leath

Putzengel

Fishy

Tokyu Agency Recruit 2013

Hero

OK Studios

網站選自：

(1) CSS Design Awards
(2) The Best Designs
(3) Awwwards

您可能還喜歡

 

• 30個讓人興奮的視差滾動效果網站
• 視差滾動在網頁中應用的20佳優(yōu)秀案例
• 36個非常有趣的互動網站設計作品范例
• 30個漂亮的個人作品集網頁設計案例
• 分享35個非常漂亮的單頁網站設計案例

 

英文鏈接：Beautiful Examples of Parallax Scrolling in Web Design

編譯來源：夢想天空 ◆ 關注前端開發(fā)技術 ◆ 分享網頁設計資源