看板 Web_Design 關於我們 聯絡資訊
大家好~ 在逛網站時看到這個網站,字體會藉由滑鼠滾動往前跑,請問這個效果要利用什麼方式完 成呢? https://npp.vote 謝謝大家的觀看~ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.8.71.20 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1544332099.A.60D.html
peanut97: 想知道 12/09 14:05
pkro12345: 首頁含3個class 裡面各包svg圖片(文字) 每個class含 12/09 15:23
pkro12345: transform和opacity,一開始第一個class的opacity為1 12/09 15:24
pkro12345: 其他為0,藉由滾動偵測修改opacity切換圖片(文字) 12/09 15:28
pkro12345: 字會往前跑是因為transform:translated3d(0,0,1000px) 12/09 15:32
pkro12345: 另外他不是用js去修改opacity,而是用class去切換的 12/09 15:41
mauve: 推樓上,感覺又學到一課 01/12 21:40