AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

精美案例展示：立体动感的视差滚动效果网站作品

2012-09-05 931
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　视差滚动（Parallax Scrolling）是新兴的网页设计技术，通过让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色！今天这篇文章就与大家分享35个运用视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。

　　视差滚动（Parallax Scrolling）是新兴的网页设计技术，通过让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色！今天这篇文章就与大家分享35个运用视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。

 

Mo’s and Bows

Netlash bSeen

Sullivan NYC

Eric Johansson

Atlantis World’s Fair

Jan Ploch

Smokey Bones

TedxPortland

Billy’s Downtown Diner

David Beckham

Cultural Solutions

Campaign Monitor

Appmiral

egopop

Beer Camp at SXSW

Kisko Labs

Kontakt & Impressum

IWC Shaffhausen

Nike Better World

Improving Speed

The Beatles Rock Band

梦想天空博客关注前端开发技术，展示最新HTML5和CSS3应用，分享实用的jQuery插件，推荐网页设计案例。

Head 2 Heart

XHTML Slicing

Johan Reinhold

Loopclick

Rastape

Cantilever Fish & Chips

 

您可能还喜欢

 

 

英文来源：30 Examples of Parallax Scrolling Effects

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

文章标签：
前端开发
秋天风景
目录
相关文章
ThundersArk
|
前端开发
HTML+CSS实现——精美视差效果图
本篇文章，主要讲解一下如何创建一个精美视差效果图
ThundersArk
163 0
HTML+CSS实现——精美视差效果图
秋天风景
|
移动开发 前端开发 HTML5
精美照片在网页设计中的13个优秀应用案例
　　俗话说“一张图片胜过千言万语”，我很赞同照片在网页中能够传达给我们更深的含义。令人欣慰的是，很多网页设计师也同意这种说法，特别是使用大尺寸而且漂亮的照片在网页布局中。从巨大的背景图片到大的缩略图，我们有很多不同的例子向您展示图像如何创造与观众的情感联系，同时抓住他们的注意力。
秋天风景
784 0
秋天风景
|
前端开发
12个使用小图片构成的创意插图作品欣赏
　　这篇文章展示12个使用小图片构成的创意插图作品，这些创意插图作品的作者是 Charis Tsevis，来自希腊的视觉设计师，擅长图像重组的创作手法，能够利用数千张小型图片或是对象组成唯美画面。几何图像是他非常擅长运用的元素之一，拥有众多令人惊喜的创作。
秋天风景
1040 0
秋天风景
|
移动开发 前端开发 HTML5
酷站设计：25个喜庆的红色风格网页设计作品
　　这篇文章给大家带来25个喜庆的红色风格网页设计作品。红色是生命、活力、健康、热情、朝气、欢乐的象征。由于 红色在可见光谱中光波最长，所以最为醒目，给人视觉上一种迫近 感和扩张感，容易引发兴奋、激动、紧张的情绪。
秋天风景
907 0
秋天风景
精美网站设计：25个以全屏照片为背景的网页作品
　　高质量的照片能够给网站带来强烈的视觉冲击力，不仅能够增强设计的美感，还可以突出网站的主题。在使用这种大照片作为网站背景的时候，为了能够和网站的其它内容很好的融合在一起，你需要考虑很多事情，否则可能会导致网站内容杂乱，反而适得其反。
秋天风景
1064 0
秋天风景
|
前端开发
优秀网页设计：20个立体动感的视差滚动效果网站
　　作为新兴的网页制作技术，视差滚动（Parallax Scrolling）效果受到越来越多的人喜欢。这种让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色！今天这篇文章就与大家分享20个立体动感视差滚动网页作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。
秋天风景
1131 0
秋天风景
优秀网页设计：30佳精美的国外黑色风格网站作品
　　色彩是网页设计最重要的部分之一，对于那些崇尚简洁设计风格的人来说，黑色是最佳选择。黑色代表着深邃、神秘、暗藏力量，是一种具有多种不同文化意义的颜色。今天的文章收集了30个优秀的黑色风格网站设计作品与大家分享，一起欣赏。
秋天风景
1253 0
秋天风景
|
移动开发 前端开发 NoSQL
35个立体动感的视差滚动效果网站作品
　　这篇文章收集了35个具有立体动感效果的视差滚动网页设计作品分享给大家。视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术，一起欣赏（拖动滚动条方式浏览效果佳）。
秋天风景
1185 0
秋天风景
|
前端开发
47幅精美的全景摄影作品欣赏（上篇）
　　这篇文字收集了47幅精美的国外全景摄影作品，有城市风景，乡间小道，以及海洋风景等等各种景色，这些照片能够让我们欣赏到别样的异域风景，一起欣赏。 Upper West Side NYC   Prospect Park Night Panorama Winter in Chicago Panoramic Strip Mall Mount St.
秋天风景
870 0
秋天风景
47幅精美的全景摄影作品欣赏（下篇）
　　这篇文字收集了47幅精美的国外全景摄影作品，有城市风景，乡间小道，以及海洋风景等等各种景色，这些照片能够让我们欣赏到别样的异域风景，一起欣赏。 oston Gardens Old North Bridge Helicopter in Flight Horn Pond ...
秋天风景
707 0