Parallax Scrolling

视差滚动

Demo

Text

知乎广告效果

目录

  • 概念
  • 特性
  • 原理
  • 案例分析
  • 开源库
  • 案例欣赏

概念

视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验

来源百度百科(http://t.cn/RY5Hk2z)

特性

 

  • 直观的设计,快速的响应速度,更合适运用于单页面

  • 差异滚动 分层视差

原理

页面分层:背景层、内容层和悬浮层(贴图层)

 

当滚动鼠标滚轮的时候,各图层以不同速度移动,形成视差的效果

 

开源库

案例欣赏

教程

Thanks

Made with Slides.com