备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

优秀网页设计：20个立体动感的视差滚动效果网站

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

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

您可能还喜欢

 

Lost World’s Fairs

 

Tokiolab

parallax_effect_7

 

Putzengel

parallax_effect_1

 

Yebo Creative

Yebo Creative

 

Iutopi

Iutopi

 

Emm and Enn

Emm and Enn

 

Pojeta

Pojeta

 

Florida Flourish

Florida Flourish

 

Rastapenatal

Rastapenatal

 

Terredevenements

Terredevenements

 

Fill Studio

Fill Studio

 

Beautiful Explorer

Beautiful Explorer

 

Moods of Norway

Moods of Norway

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

 

Toucouleur

Toucouleur

 

Worry free labs

Worry free labs

 

MindBorn

MindBorn

 

Stefano Ginella

Stefanoginella

 

Activate Drinks

parallax_effect_2

 

Reverend Danger

 

您可能还喜欢

 

 

英文来源：Mind Blowing Websites With Parallax Scrolling

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

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

文章标签：
前端开发
秋天风景
目录
相关文章
ThundersArk
|
前端开发
HTML+CSS实现——精美视差效果图
本篇文章，主要讲解一下如何创建一个精美视差效果图
ThundersArk
120 0
HTML+CSS实现——精美视差效果图
hahacai
|
JavaScript
视差效果的实际应用
用JS实现跟鼠标的互动效果，图片向着鼠标移动的相反方向转动。可以想象一下，Z轴上从远到近，有三张背景透明的图（从屏幕正方看，三张图重叠，看上去就是一张图）然后，让他们在 X轴 或者 Y轴转动，就形成了视差效果。
hahacai
97 0
视差效果的实际应用
秋天风景
|
前端开发 JavaScript
经典网页设计：25个应用视差滚动的单页网站
　　有许多有趣的网站类型，其中之一是视差技术，也被称为视差滚动（Parallax Scrolling）。在网页设计中，视差滚动是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果，有很强的视觉冲击力。
秋天风景
1273 0
zsjangel
|
前端开发
很酷的光线滚动效果
zsjangel
913 0
秋天风景
|
前端开发 JavaScript
激发你的灵感：16个精美的视差效果网页设计作品
　　对于视差滚动（Parallax Scrolling），关注网页设计的朋友都不会陌生。在网页设计中，视差滚动是一种很特别的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果，有很强的视觉冲击力。
秋天风景
828 0
秋天风景
|
移动开发 前端开发 JavaScript
经典网页设计：超炫的动画效果单页网站设计
　　单页网站是把所有的内容都展示在一个页面中，这样访客就不需要跳转到其它的页面。如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下，那么制作成单页网站（Single Page Websites）的形式是很好的选择。
秋天风景
1098 0
秋天风景
精美网站设计：25个以全屏照片为背景的网页作品
　　高质量的照片能够给网站带来强烈的视觉冲击力，不仅能够增强设计的美感，还可以突出网站的主题。在使用这种大照片作为网站背景的时候，为了能够和网站的其它内容很好的融合在一起，你需要考虑很多事情，否则可能会导致网站内容杂乱，反而适得其反。
秋天风景
1006 0
秋天风景
|
前端开发
经典网页设计：25个精美的全屏背景网站设计作品
　　在网页中使用精美的全屏背景能给访客浏览深刻的印象，带给访客震撼的视觉感受。当然，大尺寸的图片用在网站中也会有加载缓慢的问题，不过使用全屏背景仍然是一个非常不错的方式。今天这篇文章收集了25个非常精美的全屏背景网站设计作品分享给大家，希望能带给你灵感。
秋天风景
1035 0
秋天风景
|
前端开发
精美案例展示：立体动感的视差滚动效果网站作品
　　视差滚动（Parallax Scrolling）是新兴的网页设计技术，通过让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色！今天这篇文章就与大家分享35个运用视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。
秋天风景
904 0
秋天风景
优秀网页设计：30佳精美的国外黑色风格网站作品
　　色彩是网页设计最重要的部分之一，对于那些崇尚简洁设计风格的人来说，黑色是最佳选择。黑色代表着深邃、神秘、暗藏力量，是一种具有多种不同文化意义的颜色。今天的文章收集了30个优秀的黑色风格网站设计作品与大家分享，一起欣赏。
秋天风景
1176 0

热门文章

最新文章

  • 1
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 2
    【直播系列之一】1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
  • 3
    理解事务的4种隔离级别
  • 4
    阿里云网站域名备案流程全过程讲解(图文)
  • 5
    在服务器的raid1中安装windows server系统（踩坑记录）
  • 6
    如何用Vue实现简易的富文本编辑器，并支持Markdown语法
  • 7
    怎么才能快速提高小程序留存率！
  • 8
    程序员请放下浮躁的心
  • 9
    如何解决域中普通用户只限于10台客户机加入域的数量问题
  • 10
    博客园模板 样式优化
  • 1
    未来技术纵横谈：区块链、物联网与虚拟现实的融合与创新
    37
  • 2
    软件体系结构 - 缓存技术（9）缓存穿透
    32
  • 3
    提升Android应用性能的实用技巧
    34
  • 4
    工具变量法(两阶段最小二乘法2SLS)线性模型分析人均食品消费时间序列数据和回归诊断（下）
    39
  • 5
    软件体系结构 - 缓存技术（8）缓存雪崩
    39
  • 6
    软件体系结构 - 缓存技术（7）Redis持久化方法
    39
  • 7
    Python用KShape对时间序列进行聚类和肘方法确定最优聚类数k可视化
    29
  • 8
    软件体系结构 - 缓存技术（6）淘汰策略
    34
  • 9
    基于R语言股票市场收益的统计可视化分析
    38
  • 10
    软件体系结构 - 数据分片（2）一致性哈希分片
    36

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）