網頁設計教學  
  網站教學
  RWD教學
  html5教學
  css3教學
  視差滾動教學
  網頁設計教學專家
 
 
> 最新消息 > 最新消息內文
 
主旨

摸擬3D效果視差滾動運用多元

日期
2015-09-09 10:31:11


視差滾動教學在網路上已經流傳了這麼久,雖然是老梗但用在網頁上的效果一直很不錯,,簡單來說就是利用多張圖片疊加在一起,視差滾動在畫面上用不一樣的速度移動:而遠的物件動的較慢,有針對動畫作太多擴充功能,因為他儘量依賴CSS3實作動畫,所以Skrollr的實作重點,就在於他提供的Keyframe控制工具,我健議在這裡花時間搞懂,在下一次的實作裡才會相對輕鬆。近的物件動的較快,利用這種方式來產生偽3D的錯覺效果。作前端工程師應該總會遇過設計或是需求用閃亮期待的眼神問你作不作得到。