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