2018-08-22, 週三

網頁設計的視差滾動效果

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

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

以下這個網頁可以清楚的看到它呈現的效果(上下捲動滑鼠滾輪)
http://www.manufacturedessai.it/

另一個例子,

Scrolling Parallax Example

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

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

Parallax scrolling 1

Parallax scrolling example scene



 

閱讀 2132 次數
JoomlaEC

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

www.joomlaec.com