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

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

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

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

Rimmel London

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

Pressels

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

Poppy Spend

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

Anthelios

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

Bagigia

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

Madwell

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

Tinke

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

TEDxGUC

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

Costa

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

Flat vs Realism

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

Teapot Creation

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

NASA Prospect

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

Boy Coy

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

The Beast

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

13 Reasons Inforgraphic

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

Lost World’s Fairs

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

Puma Mobium

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

Living World

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

Olszanska

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

Lexus Asia

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

Jacksonville Artwork

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

These Are Things

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

Volkswagen

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

Jan Ploch

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

Mario Kart Wii Experience

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

Moto Oakley

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

Timmy Tompkins App

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

Skinjay

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

HotDot

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

Putzengel

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

未经允许不得转载:前端里 » 神奇的滚动动画,30个视差滚动网站

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址