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