请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 5606|回复: 0
收起左侧

[HTML5应用] 神奇的滚动动画,30个视差滚动网站设计[含30P]

[复制链接]
发表于 2017-5-23 15:30:54 | 显示全部楼层 |阅读模式
  使用 HTML5 和 CSS3,我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中,视差滚动(Parallax Scrolling)就是这样的效果之一。这种技术通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。

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

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

Rimmel London



Pressels



Poppy Spend



Anthelios



Bagigia



Madwell



Tinke



TEDxGUC



Costa



Flat vs Realism



Teapot Creation



NASA Prospect



** Coy



The Beast



13 Reasons Inforgraphic




Lost World’s Fairs



Puma Mobium



Living World



Olszanska



Lexus Asia



Jacksonville Artwork



These Are Things


Volkswagen



Jan Ploch



Mario Kart Wii Experience



Moto Oakley




Timmy Tompkins App



Skinjay

HotDot


Putzengel



via:http://www.cnblogs.com/lhb25/p/e ... lling-websites.html



上一篇:jQuery/CSS3经典按钮系列插件
下一篇:HTML5+CSS3城市场景动画
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表