透過GSAP實現的Parallax滾動視差特效

2022-04-27

本篇為透過GSAP javascript library應用出的Parallax滾動視差特效,實現效果如下:

 

此篇應用原參考至:
原參考範例

原本的效果:

  • 自動定位
  • 滾軸事件
  • 鍵盤事件 (上下鍵切換)
  • 文字區
  • 背景


另外延伸的修改:

  • 觸控事件 (上下滑動)
  • 物件區
  • 響應式排版

Contact

Github

Codepen

歡迎參觀我的賣場
© 2013 Copyright Digishot Web | Design Tools
Visitors【717292】
digishot webdesign studio