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

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

2011-06-01 719
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　视差滚动（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
移动开发
秋天风景
目录
相关文章
ThundersArk
|
前端开发
HTML+CSS实现——精美视差效果图
本篇文章，主要讲解一下如何创建一个精美视差效果图
ThundersArk
120 0
HTML+CSS实现——精美视差效果图
chokcoco
|
前端开发 JavaScript 容器
滚动视差？CSS 不在话下
滚动视差？CSS 不在话下
chokcoco
126 0
滚动视差？CSS 不在话下
秋天风景
|
前端开发 JavaScript
经典网页设计：25个应用视差滚动的单页网站
　　有许多有趣的网站类型，其中之一是视差技术，也被称为视差滚动（Parallax Scrolling）。在网页设计中，视差滚动是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果，有很强的视觉冲击力。
秋天风景
1273 0
秋天风景
|
前端开发 UED HTML5
神奇的滚动动画，30个视差滚动网站设计
　　使用 HTML5 和 CSS3，我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中，视差滚动（Parallax Scrolling）就是这样的效果之一。这种技术通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。
秋天风景
1065 0
秋天风景
|
Web App开发 前端开发 iOS开发
美！视差滚动在图片滑块中的应用【附源码下载】
　　视差滚动（Parallax Scrolling）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子，之前的文章给大家分享过，这里再推荐一下。
秋天风景
830 0
秋天风景
|
JavaScript UED
提升网站水平：12个最好的视差滚动教程
　　创建吸引各种游客的注意力和兴趣有很多种，其中之一是视差滚动（Parallax Scrolling）技术。在网页设计中，视差滚动是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果，有很强的视觉冲击力。
秋天风景
1325 0
秋天风景
|
移动开发 前端开发 HTML5
经典网页设计：滚动技术应用得出神入化的18个网站
　　曾经有一段时间，惯用的做法是尝试把所有的内容放在一屏里面。但现在，网页设计师和开发人员都喜欢内容滚动的设计，并以此为契机，实现浮动的背景显示，元素动画，以及其他页面滚动的基础上实现的聪明的效果。因此，这篇文章和大家分享18个滚动技术应用得出神入化的网站。
秋天风景
777 0
秋天风景
|
移动开发 前端开发 HTML5
赞！网页设计中难得一见的20个动画效果
　　动画效果给网页增添了趣味，带给访愉悦的心情。这篇文章给大家带来网页设计中难得一见的20个动画效果，这些优秀的网页设计作品能够给你激发很多的网页设计灵感，相信你一定会喜欢！一起欣赏。 您可能感兴趣的相关文章 2012年排名前20位的 CSS 网站作品 精选30个富有想象力的网站设计作品...
秋天风景
888 0
秋天风景
|
前端开发
优秀网页设计：20个立体动感的视差滚动效果网站
　　作为新兴的网页制作技术，视差滚动（Parallax Scrolling）效果受到越来越多的人喜欢。这种让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色！今天这篇文章就与大家分享20个立体动感视差滚动网页作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。
秋天风景
1067 0
秋天风景
|
前端开发
精美案例展示：立体动感的视差滚动效果网站作品
　　视差滚动（Parallax Scrolling）是新兴的网页设计技术，通过让多层背景以不同的速度移动来形成立体的运动视差效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色！今天这篇文章就与大家分享35个运用视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。
秋天风景
904 0

热门文章

最新文章

  • 1
    理解事务的4种隔离级别
  • 2
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 3
    简单实用的数据建模工具PDManer
  • 4
    详细讲解！Canal+Kafka实现MySQL与Redis数据同步！
  • 5
    71.7. Script for automatic startup on boot
  • 6
    关于Oracle客户端显示乱码问题
  • 7
    PHPWAMP站点管理的“域名模式”和“端口模式”详解、均支持自定义
  • 8
    jsHelper
  • 9
    学校里学不到的东西(一)
  • 10
    Python 3 教程一:入门
  • 1
    Python的装饰器
    32
  • 2
    R语言用潜类别混合效应模型(Latent Class Mixed Model ,LCMM)分析老年痴呆年龄数据
    20
  • 3
    数据分享|R语言用logistic逻辑回归和AFRIMA、ARIMA时间序列模型预测世界人口
    14
  • 4
    【视频】马尔可夫链蒙特卡罗方法MCMC原理与R语言实现|数据分享（下）
    19
  • 5
    【视频】马尔可夫链蒙特卡罗方法MCMC原理与R语言实现|数据分享（上）
    26
  • 6
    数据分享|数据探索电商平台用户行为流失可视化分析
    26
  • 7
    电商平台数据可视化分析网红零食销量
    18
  • 8
    R语言线性回归模型拟合诊断异常值分析家庭燃气消耗量和卡路里实例带自测题
    15
  • 9
    数据分享|R语言GLM广义线性模型：逻辑回归、泊松回归拟合小鼠临床试验数据（剂量和反应）示例和自测题
    12
  • 10
    数据分享|R语言逻辑回归、线性判别分析LDA、GAM、MARS、KNN、QDA、决策树、随机森林、SVM分类葡萄酒交叉验证ROC（下）
    15

    • 相关电子书

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