12 個相當優秀的視差滾動教學

0
16468

建立吸引訪客注意和引起興趣的網頁技術有很多種方式,當中有一種技術叫做視差滾動(Parallax Scrolling)技術。在網頁設計中,視差滾動是目前相當熱門的網頁設計技術,透過讓多層背景以不同的速度或者不同的方向移動形成 3D 運動效果,有很強的視覺衝擊力。

這裡集合了12個相當優秀的視差滾動教學,裡面有詳細的製作步驟和線上演示,這樣你便可以很快就能把這種流行的網站效果應用到自己的的網站中。

1.Prarllax Slider with jQuery

Prarllax Slider with jQuery

下載

2.Fluid CSS3 SlideShow with Parllax Effect

Fluid CSS3 SlideShow with Parllax Effect

下載

3.Parllax Ccontent Slider with CSS3 and jQuery

Parllax Ccontent Slider with CSS3 and jQuery

下載

4.Parallax Effect

Parallax Effect

下載

5.Parallax scrolling website interfaces

Parallax scrolling website interfaces

下載

6.Funky Parallax Background Effect Using jQuery

Funky Parallax Background Effect Using jQuery

下載

7.Funky Parallax Background Effect Using jQuery

Building a Parallax Scrolling Storytelling Framework

下載

8.Create Parallax Scrolling Website Using Stellar.js

Create Parallax Scrolling Website Using Stellar

下載

9.One Page Website, Vertical Parallax

One Page Website, Vertical Parallax

下載

10.A Simple Parallax Scrolling Technique

A Simple Parallax Scrolling Technique

下載

11.The Parallax Effects with jQuery

The Parallax Effects with jQuery

下載

12.Scrolling Parallax

Scrolling Parallax

下載