利用各元素不同的移動速度，來造成視差效果(parallax effect)，這個範例使用的是STELLAR.JS製作，下面有三個div分別指定了不同的速度，請往下捲動頁面，觀察一下三個元素的相對位置。

附註：只有月亮是圖片，另外兩顆是用CSS3用出來的，所以如果是IE7 8的話會看到兩個方塊

返回教學

網頁設計


速度0.3

速度0.1

速度0.05