神奇的滚动动画,30个视差滚动网站设计
2015-02-02 16:24
886 查看
使用 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
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
相关文章推荐
- 神奇的滚动动画,30个视差滚动网站设计
- 经典网页设计:25个应用视差滚动的单页网站
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- 优秀网页设计:20个立体动感的视差滚动效果网站
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站--转
- 最热门网站设计趋势:10个创意杰出的视差滚动网站欣赏
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- 经典网页设计:25个应用视差滚动的单页网站
- 60多个超炫的视差滚动效果网站设计欣赏
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- 分享30个令你惊喜的视差滚动(Parallax Scrolling)效果网站
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- 视觉灵感:30个漂亮的的网站设计
- 30个带给你灵感的 iPhone 应用程序网站设计
- 30个带给你灵感的 iPhone 应用程序网站设计
- 国外30个独特漂亮的网站页脚设计
- 30个优秀的网站导航设计案例分享