精美案例展示:立体动感的视差滚动效果网站作品

  视差滚动(Parallax Scrolling)是新兴的网页设计技术,通过让多层背景以不同的速度移动来形成立体的运动视差效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色!今天这篇文章就与大家分享35个运用视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果会更佳)。

 

Mo’s and Bows

精美案例展示:立体动感的视差滚动效果网站作品

Netlash bSeen

精美案例展示:立体动感的视差滚动效果网站作品

Sullivan NYC

精美案例展示:立体动感的视差滚动效果网站作品

Eric Johansson

精美案例展示:立体动感的视差滚动效果网站作品

Atlantis World’s Fair

精美案例展示:立体动感的视差滚动效果网站作品

Jan Ploch

精美案例展示:立体动感的视差滚动效果网站作品

Smokey Bones

精美案例展示:立体动感的视差滚动效果网站作品

TedxPortland

精美案例展示:立体动感的视差滚动效果网站作品

Billy’s Downtown Diner

精美案例展示:立体动感的视差滚动效果网站作品

David Beckham

精美案例展示:立体动感的视差滚动效果网站作品

Cultural Solutions

精美案例展示:立体动感的视差滚动效果网站作品

Campaign Monitor

精美案例展示:立体动感的视差滚动效果网站作品

Appmiral

精美案例展示:立体动感的视差滚动效果网站作品

egopop

精美案例展示:立体动感的视差滚动效果网站作品

Beer Camp at SXSW

精美案例展示:立体动感的视差滚动效果网站作品

Kisko Labs

精美案例展示:立体动感的视差滚动效果网站作品

Kontakt & Impressum

精美案例展示:立体动感的视差滚动效果网站作品

IWC Shaffhausen

精美案例展示:立体动感的视差滚动效果网站作品

Nike Better World

精美案例展示:立体动感的视差滚动效果网站作品

Improving Speed

精美案例展示:立体动感的视差滚动效果网站作品

The Beatles Rock Band

精美案例展示:立体动感的视差滚动效果网站作品

前端里博客关注前端开发技术,展示最新HTML5CSS3应用,分享实用的jQuery插件,推荐网页设计案例。

Head 2 Heart

精美案例展示:立体动感的视差滚动效果网站作品

XHTML Slicing

精美案例展示:立体动感的视差滚动效果网站作品

Johan Reinhold

精美案例展示:立体动感的视差滚动效果网站作品

Loopclick

精美案例展示:立体动感的视差滚动效果网站作品

Rastape

精美案例展示:立体动感的视差滚动效果网站作品

Cantilever Fish & Chips

精美案例展示:立体动感的视差滚动效果网站作品

 

 

英文来源:30 Examples of Parallax Scrolling Effects

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

赞 (0) 打赏