[問題] 請問這個網頁的動態呈現方式會很難嗎?

[G4321 (小胖囉)]

最近要做專題  我被分配到要做咖啡豆的歷史

下面兩個都是動態式的網頁

原本是參考這個 不過感覺難度頗高的

http://www.bizbrain.org/coffee/


於是想說用這種方式呈現

http://forbetter.coffee/

但還是想問問看大家 第一個連結中的呈現方式 會需要比較深的技術嗎?

PS:目前對CSS還算熟  但CSS3就半熟的狀態 會用ANNMATION去做微動畫

但還不知道怎麼用滾輪去呈現這種效果就是

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.230.25.222
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1446735051.A.C98.html
推 clerkhsiao: 就只是視差卷軸..
→ iamnodoubt: 我只能說幹嘛這麼想不開..
推 chang0206: 專題要搞這麼大？網頁設計系？
→ G4321: 想不開= =a   怎麼說
推 Ken52039: 圖要畫得漂亮 其他都還好
推 pttnews: 不難, 你只要算出scroll位置, 變更圖片位置
→ RedMapleWing: 本來想說視差有套件可以套呀…
→ RedMapleWing: 再看一下範例我的感想也是想不開…
→ RedMapleWing: 說難不難，我樓上那位把要做的事說完了
→ RedMapleWing: 但光要完成那個就要大量的調整跟測試時間
→ RedMapleWing: 碰到滿版就更噁心了…
→ G4321: 視差原來有這麼難喔?
推 iamnodoubt: 對你也可能很簡單?自己try就知道?而且嚴格講那也不算
→ iamnodoubt: Parallax Scrolling
→ G4321: 冒昧問一下 像這種動畫式的網頁 我要搜尋什麼關鍵字
→ G4321: 沒事 當我沒問 = =  我先挑戰看看...
推 pm2001: 先不要去管技術 先想一想每一格要怎麼表現
→ eggimage: parallax沒必要碰 除非你很有經驗 不然做出來都是一堆
→ eggimage: 跨平台支援性問題 還有效能大扣分 好看 但只有少數情形
→ eggimage: 才有實際意義  另外光是windows的捲動效果都很難看了..