开发者社区> 秋天风景> 正文

经典网页设计:25个应用视差滚动的单页网站

简介:   有许多有趣的网站类型,其中之一是视差技术,也被称为视差滚动(Parallax Scrolling)。在网页设计中,视差滚动是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。
+关注继续查看

  有许多有趣的网站类型,其中之一是视差技术,也被称为视差滚动(Parallax Scrolling)。在网页设计中,视差滚动是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。下面你看到的20个网站案例是基于视差滚动技术实现的,enjoy !

您可能感兴趣的相关文章

 

LRG Clothing Life Colors

 

Range Rover Evoque

 

X-Doria

 

Heat Pump Dryers

 

MBA Multimedia

 

Barcamp Omaha 2012

 

Gatwick Express Tracks

梦想天空(jizhula.com)关注前端开发技术,展示HTML5CSS3应用,分享jQuery插件,推荐网页设计案例。

 

Premio SIM

 

Samsung Connected Devices

 

Ford Foundation Annual Report

 

Ivan McClellan

 

Frühstücksmilch

 

Sweete Stevia

 

Mazda SKYACTIV

 

LQDI t.image

梦想天空(jizhula.com)关注前端开发技术,展示HTML5CSS3应用,分享jQuery插件,推荐网页设计案例。

 

Mediaworkers

 

Orkin: The Pest Project

 

Air Jordan 2012

 

Kryptis

 

您可能感兴趣的相关文章

 

英文来源:20 One Page Websites Using Parallax Scrolling

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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
经典网页设计:滚动技术应用得出神入化的18个网站
  曾经有一段时间,惯用的做法是尝试把所有的内容放在一屏里面。但现在,网页设计师和开发人员都喜欢内容滚动的设计,并以此为契机,实现浮动的背景显示,元素动画,以及其他页面滚动的基础上实现的聪明的效果。因此,这篇文章和大家分享18个滚动技术应用得出神入化的网站。
662 0
经典网页设计:超炫的动画效果单页网站设计
  单页网站是把所有的内容都展示在一个页面中,这样访客就不需要跳转到其它的页面。如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下,那么制作成单页网站(Single Page Websites)的形式是很好的选择。
1010 0
经典网页设计:15个使用网格系统的精美网站作品
  网格系统是一个非常好的方案,能够给网站带来清晰的结构,平衡网站的内容布局。对于网页设计和制作人员来说,网格系统能够帮助他们更加轻松的组织页面内容。今天这篇文章收集了15个应用网格系统(Grid System)进行设计和制作的优秀网站案例,分享给大家作为学习和参考的范例。
994 0
经典网页设计:20个精美的国外单页网站作品
  如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下,那么制作成单页网站(Single Page Websites)的形式是很好的选择。随着视差滚动(Parallax Scrolling)特效的流行,如今的单页网站也把这种精美的效果集成了进来,使得页面呈现更具创意。
833 0
经典网页设计:25个精美的全屏背景网站设计作品
  在网页中使用精美的全屏背景能给访客浏览深刻的印象,带给访客震撼的视觉感受。当然,大尺寸的图片用在网站中也会有加载缓慢的问题,不过使用全屏背景仍然是一个非常不错的方式。今天这篇文章收集了25个非常精美的全屏背景网站设计作品分享给大家,希望能带给你灵感。
956 0
经典网页设计:20个与众不同的 Flash 网站设计作品
  如果你正在为你的 Flash 网站设计项目寻找灵感和新思路,那么这篇文章推荐的20个非常有创意的 Flash 网站设计作品相信能帮助到你。Flash 网站页面美观,互动性强,可以声形并茂,实现普通的 HTML 网站不能制造出的质感和动作,特别是动态的视觉特果,能给人以震撼视听的效应。
844 0
优秀网页设计:20个立体动感的视差滚动效果网站
  作为新兴的网页制作技术,视差滚动(Parallax Scrolling)效果受到越来越多的人喜欢。这种让多层背景以不同的速度移动来形成立体的运动视差效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色!今天这篇文章就与大家分享20个立体动感视差滚动网页作品,一起欣赏(以拖动滚动条方式浏览效果会更佳)。
995 0
精美案例展示:立体动感的视差滚动效果网站作品
  视差滚动(Parallax Scrolling)是新兴的网页设计技术,通过让多层背景以不同的速度移动来形成立体的运动视差效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色!今天这篇文章就与大家分享35个运用视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果会更佳)。
852 0
优秀网页设计:30佳精美的国外黑色风格网站作品
  色彩是网页设计最重要的部分之一,对于那些崇尚简洁设计风格的人来说,黑色是最佳选择。黑色代表着深邃、神秘、暗藏力量,是一种具有多种不同文化意义的颜色。今天的文章收集了30个优秀的黑色风格网站设计作品与大家分享,一起欣赏。
1072 0
优秀网页设计:视差滚动效果在网页中的有效运用
  你可能已经注意到有些网站的页面元素在滚动条拖动的时候回以不同的速度运动,形成一幅立体的场景。这种被称为视差滚动(Parallax Scrolling)的技术日益流行起来,越来越多的网站通过在网页中运用这项技术来吸引用户,让用户在拖动滚动条的时候更加有趣。
847 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载