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

简介:   视差滚动(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

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

Head 2 Heart

XHTML Slicing

Johan Reinhold

Loopclick

Rastape

Cantilever Fish & Chips

 

您可能还喜欢

 

 

英文来源:30 Examples of Parallax Scrolling Effects

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

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

相关文章
|
前端开发
HTML+CSS实现——精美视差效果图
本篇文章,主要讲解一下如何创建一个精美视差效果图
117 0
HTML+CSS实现——精美视差效果图
|
移动开发 前端开发 HTML5
精美照片在网页设计中的13个优秀应用案例
  俗话说“一张图片胜过千言万语”,我很赞同照片在网页中能够传达给我们更深的含义。令人欣慰的是,很多网页设计师也同意这种说法,特别是使用大尺寸而且漂亮的照片在网页布局中。从巨大的背景图片到大的缩略图,我们有很多不同的例子向您展示图像如何创造与观众的情感联系,同时抓住他们的注意力。
746 0
|
前端开发
12个使用小图片构成的创意插图作品欣赏
  这篇文章展示12个使用小图片构成的创意插图作品,这些创意插图作品的作者是 Charis Tsevis,来自希腊的视觉设计师,擅长图像重组的创作手法,能够利用数千张小型图片或是对象组成唯美画面。几何图像是他非常擅长运用的元素之一,拥有众多令人惊喜的创作。
1004 0
|
前端开发
35幅使用小图片组成的创意插图作品 【上篇】
  这些创意插图作品的作者是 Charis Tsevis,来自希腊的视觉设计师,擅长图像重组的创作手法,能够利用数千张小型图片或是对象组成唯美画面。几何图像是他非常擅长运用的元素之一,拥有众多令人惊喜的创作。
875 0
|
移动开发 前端开发 HTML5
案例分享:20佳应用大图片背景的优秀网站作品
  使用大图片背景是定义网站基调和风格的一种简单方式,使用这种设计的网站越来越多。为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱无章,反而适得其反。
778 0
『摄影欣赏』30幅美得令人窒息的精美风景倒影照片
  今天的摄影作品分享一组令人惊叹的风景倒影照片。这30张非常有才华和创意的摄影作品使用各种反射创造有趣的场景。 好好享受这些精美的倒影照片,简直太神奇了......要是设置为桌面壁纸一定很棒! 您可能感兴趣的相关文章 20幅精美绝伦光涂鸦摄影作品欣赏 35幅非常漂亮的夜景摄影作品欣赏 ...
941 0
25套五彩缤纷的矢量网页背景图片素材【免费下载】
  丰富多彩的矢量网页背景图片素材是设计师的宝贝,也是很好的装饰电脑桌面的壁纸。网页背景图片素材有同心圆,彩虹,闪烁的星星,圆点,箭头和云彩等各种形状,五彩缤纷。在网站设计中使用矢量背景和矢量元素是一个新的趋势,越来越多的网页设计师喜欢再网页设计中使用矢量网页背景图片素材。
1402 0
精美网站设计:25个以全屏照片为背景的网页作品
  高质量的照片能够给网站带来强烈的视觉冲击力,不仅能够增强设计的美感,还可以突出网站的主题。在使用这种大照片作为网站背景的时候,为了能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱,反而适得其反。
999 0
|
前端开发
优秀网页设计:20个立体动感的视差滚动效果网站
  作为新兴的网页制作技术,视差滚动(Parallax Scrolling)效果受到越来越多的人喜欢。这种让多层背景以不同的速度移动来形成立体的运动视差效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色!今天这篇文章就与大家分享20个立体动感视差滚动网页作品,一起欣赏(以拖动滚动条方式浏览效果会更佳)。
1056 0
优秀网页设计:视差滚动效果在网页中的有效运用
  你可能已经注意到有些网站的页面元素在滚动条拖动的时候回以不同的速度运动,形成一幅立体的场景。这种被称为视差滚动(Parallax Scrolling)的技术日益流行起来,越来越多的网站通过在网页中运用这项技术来吸引用户,让用户在拖动滚动条的时候更加有趣。
889 0

相关产品

  • 云迁移中心