神奇的滚动动画,30个视差滚动网站设计

  使用 HTML5 和 CSS3,我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中,视差滚动(Parallax Scrolling)就是这样的效果之一。这种技术通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。

  第一个视差滚动效果的网站是由伊恩·科伊尔在2011年设计的(叫“Nike Better World”,现在已经改版了)。如今,视差滚动已经通过各种各样方式被大量使用,这是一个创建愉快的用户体验的伟大的方式。

  在这个综合列表中,推荐了30个梦幻般的视差滚动网站的例子。

您可能感兴趣的相关文章

 

Rimmel London

30 Fantastic Examples of Parallax Scrolling Websites

Pressels

30 Fantastic Examples of Parallax Scrolling Websites

Poppy Spend

30 Fantastic Examples of Parallax Scrolling Websites

Anthelios

30 Fantastic Examples of Parallax Scrolling Websites

Bagigia

30 Fantastic Examples of Parallax Scrolling Websites

Madwell

30 Fantastic Examples of Parallax Scrolling Websites

Tinke

30 Fantastic Examples of Parallax Scrolling Websites

TEDxGUC

30 Fantastic Examples of Parallax Scrolling Websites

Costa

30 Fantastic Examples of Parallax Scrolling Websites

Flat vs Realism

30 Fantastic Examples of Parallax Scrolling Websites

Teapot Creation

30 Fantastic Examples of Parallax Scrolling Websites

NASA Prospect

30 Fantastic Examples of Parallax Scrolling Websites

Boy Coy

30 Fantastic Examples of Parallax Scrolling Websites

The Beast

30 Fantastic Examples of Parallax Scrolling Websites

13 Reasons Inforgraphic

30 Fantastic Examples of Parallax Scrolling Websites

Lost World’s Fairs

30 Fantastic Examples of Parallax Scrolling Websites

Puma Mobium

30 Fantastic Examples of Parallax Scrolling Websites

Living World

30 Fantastic Examples of Parallax Scrolling Websites

Olszanska

30 Fantastic Examples of Parallax Scrolling Websites

Lexus Asia

30 Fantastic Examples of Parallax Scrolling Websites

Jacksonville Artwork

30 Fantastic Examples of Parallax Scrolling Websites

These Are Things

30 Fantastic Examples of Parallax Scrolling Websites

Volkswagen

30 Fantastic Examples of Parallax Scrolling Websites

Jan Ploch

30 Fantastic Examples of Parallax Scrolling Websites

Mario Kart Wii Experience

30 Fantastic Examples of Parallax Scrolling Websites

Moto Oakley

30 Fantastic Examples of Parallax Scrolling Websites

Timmy Tompkins App

30 Fantastic Examples of Parallax Scrolling Websites

Skinjay

30 Fantastic Examples of Parallax Scrolling Websites

HotDot

30 Fantastic Examples of Parallax Scrolling Websites

Putzengel

30 Fantastic Examples of Parallax Scrolling Websites

 

本文链接:神奇的滚动动画,30个视差滚动网站设计示例

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

posted @ 2014-11-05 09:40 梦想天空(山边小溪) 阅读(...) 评论(...) 编辑 收藏