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

视差滚动在网页设计中应用的21个优秀案例

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

　　视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色，这是今年网页设计的热点趋势。今天这篇文章就与大家分享21个视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。

iutopi

parallax10

Guy Vernes

parallax15

Campaign Monitor is Hiring

parallax01

International Watch Co

parallax03

cultural solutions uk

parallax02

Nike Better World

parallax04

Old Pulteney Row to the Pole

parallax05

Webdesign Karlsruhe

parallax06

YEBO Creative

parallax07

Head2Heart

parallax08

Len M

parallax09

Drupalcon Denver 2012

parallax11

Ben the Body Guard

parallax12

Fingerbilliards

parallax13

Kisko Labs

parallax14

Netlash-bSeen

parallax16

Egopop Creative Studio

parallax17

Jan Ploch

parallax18

Web is Beautiful

parallax19

unfold

parallax20

manufacture d’essai

parallax21

你可能还喜欢



（编译来源：梦想天空 原文来自：21 Examples of Parallax Scrolling in Web Design）

文章标签：
JavaScript
前端开发
内存技术
HTML5
移动开发
秋天风景
目录
相关文章
小猪课堂
|
存储 缓存 JavaScript
不要过度封装！封装一个最简单的Axios！
前言 axios 是目前最优秀的 HTTP 请求库之一，虽然 axios 已经封装的非常好了，我们可以直接拿过来用。但是在实际的项目中，我们可能还需要对 axios 在封装一下，以便我们更好的管理项目和各个借口。 但是，目前网上有特别多的针对于 axios 在项目中的封装。不得不说，很多大佬封装得非常全面，方方面面都考虑到了。但是我们的每个真的都需要那些封装吗？显然不是的，网上的很多封装其实都显得有点过度封装了！ 本篇文章实现最简单 Axios 封装，让小伙伴们扩展起来容易一些。
小猪课堂
5831 0
不要过度封装！封装一个最简单的Axios！
游客6w5iiviqxobva
|
移动开发 小程序
uniapp自定义tabbar，中间凸起（支持H5、微信小程序）
uniapp自定义tabbar，中间凸起（支持H5、微信小程序）
游客6w5iiviqxobva
4162 0
uniapp自定义tabbar，中间凸起（支持H5、微信小程序）
rp54yl2b5rw2w
|
开发工具 git
如何在vscode编辑器中实时查看代码git记录（被谁修改、自己什么时候修改）
如何在vscode编辑器中实时查看代码git记录（被谁修改、自己什么时候修改）
rp54yl2b5rw2w
6418 0
如何在vscode编辑器中实时查看代码git记录（被谁修改、自己什么时候修改）
朝阳39
|
资源调度 JavaScript
Electron 集成 Vue —— electron-vue
Electron 集成 Vue —— electron-vue
朝阳39
239 0
m0_黎明
|
前端开发 JavaScript 数据库
前端 富文本编辑器原理
前端 富文本编辑器原理
m0_黎明
306 0
hylreg
|
网络安全 数据安全/隐私保护
VSC通过 SSH 连接到远程服务器时，每次都需要输入密码
VSC通过 SSH 连接到远程服务器时，每次都需要输入密码
hylreg
3077 0
Echarts技术专家
|
前端开发 JavaScript
太惊艳了!这些都是Echarts的杰作!
太惊艳了!这些都是Echarts的杰作!
Echarts技术专家
102 3
ai安歌
|
小程序 程序员
【uniapp微信小程序】自定义导航栏：非首页展示的实现方式（极为快捷方式）
【uniapp微信小程序】自定义导航栏：非首页展示的实现方式（极为快捷方式）
ai安歌
660 0
前端修罗场
|
移动开发 前端开发 JavaScript
【前端动画】实现动画的6种方式
【前端动画】实现动画的6种方式
前端修罗场
1638 0
snowball_win
|
小程序 开发工具
小程序：uniapp解决 vendor.js 体积过大的问题
小程序：uniapp解决 vendor.js 体积过大的问题
snowball_win
2340 0