视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果更佳)。
01. Cymetriq
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/11.jpg)
02. Ludwings
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_02](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/7.jpg)
03. Intac to 10 Years
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_休闲_03](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/12.jpg)
04. Besser Leben Mit Lehm
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_04](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/25.jpg)
05. Interaktiva Online
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_05](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/26.jpg)
06. Shelton Fleming
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_06](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/27.jpg)
07. Werbeagentur Kopfnuss
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_休闲_07](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/28.jpg)
08. Grab & Go
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_08](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/9.jpg)
09. Pixel Baecker
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_09](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/8.jpg)
10. Slavery Foot Print
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_职场_10](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/21.jpg)
11. Dylan Baskind
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_11](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/1.jpg)
12. Guilhermegarcia
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_12](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/2.jpg)
13. David Wadach
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_职场_13](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/3.jpg)
14. Brand Berry
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_职场_14](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/4.jpg)
15. Zeitgeistbot
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_15](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/5.jpg)
16. Soup
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_16](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/13.jpg)
17. Ahsx
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_17](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/19.jpg)
18. Half Circle
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_休闲_18](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/16.jpg)
19. Rtraction
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_职场_19](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/23.jpg)
20. Swetha Portfolio
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_20](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/24.jpg)
21. Marlene Portfolio
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_21](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/6.jpg)
22. Neotokio
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_22](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/10.jpg)
23. We Run Mexico
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_休闲_23](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/14.jpg)
24. Pioneer
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_24](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/15.jpg)
25. Loyeti
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_休闲_25](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/17.jpg)
26. Illustion Tank
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_26](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/18.jpg)
27. Paretria
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_27](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/20.jpg)
28. Mcube
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_28](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/22.jpg)
29. 5b Net
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_网页设计_29](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/29.jpg)
30. Jibe Visuals
![30个让人兴奋的视差滚动(Parallax Scrolling)效果网站_效果_30](http://www.webdesignersblog.net/wp-content/uploads/2012/01/parallax-scrolling-websites/30.jpg)