作者pptipad (ipad)
看板Web_Design
標題滑鼠移動時字會往前衝這個要怎麼實現呢？
時間Sun Dec 9 13:08:17 2018
大家好～
在逛網站時看到這個網站，字體會藉由滑鼠滾動往前跑，請問這個效果要利用什麼方式完
成呢？
https://npp.vote
謝謝大家的觀看～
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.8.71.20
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1544332099.A.60D.html
1F：推 peanut97: 想知道 12/09 14:05
2F：推 pkro12345: 首頁含3個class 裡面各包svg圖片(文字) 每個class含 12/09 15:23
3F：→ pkro12345: transform和opacity，一開始第一個class的opacity為1 12/09 15:24
4F：→ pkro12345: 其他為0，藉由滾動偵測修改opacity切換圖片(文字) 12/09 15:28
5F：→ pkro12345: 字會往前跑是因為transform:translated3d(0,0,1000px) 12/09 15:32
6F：→ pkro12345: 另外他不是用js去修改opacity，而是用class去切換的 12/09 15:41
7F：推 mauve: 推樓上，感覺又學到一課 01/12 21:40