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

简介:   视差滚动(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 容器
滚动视差?CSS 不在话下
滚动视差?CSS 不在话下
120 0
滚动视差?CSS 不在话下
|
移动开发 前端开发 HTML5
经典网页设计:使用颜色滤镜效果的20个网站
  大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此,设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩,并在其上放置其他的网页设计元素。
724 0
|
前端开发 UED HTML5
神奇的滚动动画,30个视差滚动网站设计
  使用 HTML5 和 CSS3,我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中,视差滚动(Parallax Scrolling)就是这样的效果之一。这种技术通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。
1022 0
|
Web App开发
20个华丽的时间轴例子,寻找网页设计灵感
  我敢肯定,你们中的大多数都知道在设计中使用时间轴的,尤其是 Facebook 个人主页改版成这样之后,这种风格更加流行。此外,像 Path 和 Tweetbot 也在一些智能手机应用程序使用基于时间轴的设计,以展示他们的故事。
1326 0
|
Web App开发 前端开发 iOS开发
美!视差滚动在图片滑块中的应用【附源码下载】
  视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子,之前的文章给大家分享过,这里再推荐一下。
812 0
|
JavaScript UED
提升网站水平:12个最好的视差滚动教程
  创建吸引各种游客的注意力和兴趣有很多种,其中之一是视差滚动(Parallax Scrolling)技术。在网页设计中,视差滚动是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。
1319 0
|
移动开发 前端开发 HTML5
经典网页设计:滚动技术应用得出神入化的18个网站
  曾经有一段时间,惯用的做法是尝试把所有的内容放在一屏里面。但现在,网页设计师和开发人员都喜欢内容滚动的设计,并以此为契机,实现浮动的背景显示,元素动画,以及其他页面滚动的基础上实现的聪明的效果。因此,这篇文章和大家分享18个滚动技术应用得出神入化的网站。
763 0
|
前端开发 JavaScript
经典网页设计:25个应用视差滚动的单页网站
  有许多有趣的网站类型,其中之一是视差技术,也被称为视差滚动(Parallax Scrolling)。在网页设计中,视差滚动是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。
1259 0
|
移动开发 前端开发 HTML5
赞!网页设计中难得一见的20个动画效果
  动画效果给网页增添了趣味,带给访愉悦的心情。这篇文章给大家带来网页设计中难得一见的20个动画效果,这些优秀的网页设计作品能够给你激发很多的网页设计灵感,相信你一定会喜欢!一起欣赏。 您可能感兴趣的相关文章 2012年排名前20位的 CSS 网站作品 精选30个富有想象力的网站设计作品...
885 0
|
前端开发
优秀网页设计:20个立体动感的视差滚动效果网站
  作为新兴的网页制作技术,视差滚动(Parallax Scrolling)效果受到越来越多的人喜欢。这种让多层背景以不同的速度移动来形成立体的运动视差效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色!今天这篇文章就与大家分享20个立体动感视差滚动网页作品,一起欣赏(以拖动滚动条方式浏览效果会更佳)。
1056 0

相关产品

  • 云迁移中心