講師專欄

這裡是舊專欄文章,新文章請看BLOG

網頁設計的視差滾動效果

張貼於 週四, 05 十一月 2015 14:55 作者

Parallax scrolling 視差滾動,是讓網頁的背景圖片以比較慢的速度、前景圖片以比較快的速度捲動所製造出來的效果。這前景與背景的圖片可分為多層(也可能有兩張以上),一般是透過滑鼠的滾動來產生這樣的效果,目前有很多網站使用這樣的設計,提供給使用者不同以往的視覺感受。

以下這個網頁可以清楚的看到它呈現的效果(上下捲動滑鼠滾輪)

Scrolling Parallax Example

這種效果最初使用於遊戲裡面,現在也應用在網頁的設計上。

維基百科中關於Parallax scrolling的介紹
https://en.wikipedia.org/wiki/Parallax_scrolling

Parallax scrolling 1

Parallax scrolling example scene



 

閱讀 2613 次數
JoomlaEC

選擇簡單好用的工具,讓您的專業發揮到極致。

joomlaec.com