[新手發問]請高手幫忙看一下這個網站特效是怎麼辦到的? 很棒很吸睛!

網站特效

50846480 2018-09-28 16:36:51 ‧ 1567 瀏覽

分享至

請高手幫忙解析網站特效是怎麼辦到的?
效果很棒很吸睛~希望也可以設計類似的效果
https://www.twgreengold.com/index.php?route=product/product&product_id=28
謝謝

柯柯 iT邦新手 2 級 ‧ 2018-09-28 16:46:03 檢舉

https://adon988.logdown.com/posts/4729740-css3-animation-notes 圖片動畫

goodnight iT邦研究生 2 級 ‧ 2018-10-08 23:44:21 檢舉

你是葉佩文同學嗎? 我是隔壁班的

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

Ray

iT邦大神 1 級 ‧ 2018-09-29 13:23:17

最佳解答

請查關鍵字: 視差滾動（Parallax Scrolling）
特色是: 會隨著滑鼠向下捲動, 而改變畫面上的物件位置.

17 個優秀的視差滾動網站範例
(請跳過第一個範例看後面的, 我覺得那個太簡單)

實作案例:
CSS：parallax scrolling 視差滾動

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

海綿寶寶 iT邦大神 1 級 ‧ 2018-09-29 13:51:22 檢舉

雷神大被騙點連結了

Homura iT邦高手 1 級 ‧ 2018-09-29 16:29:44 檢舉

海綿寶寶
咦?
他是廣告?

50846480 iT邦新手 5 級 ‧ 2018-10-02 09:34:09 檢舉

感謝回復我去看一下教學^^

圓頭人 iT邦研究生 5 級 ‧ 2018-10-04 13:40:37 檢舉

雷神大的資料好棒~
*哈!沒意會到這是騙點連結.

登入發表回應

不明

你可以用F12研究一下

貌似圖片動畫

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22174 篇

完賽人數

597 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙