滑鼠移動時字會往前衝這個要怎麼實現呢？ pptipad PTT批踢踢實業坊

滑鼠移動時字會往前衝這個要怎麼實現呢？

作者: pptipad (ipad) 2018-12-09 13:08:17

大家好～
在逛網站時看到這個網站，字體會藉由滑鼠滾動往前跑，請問這個效果要利用什麼方式完
成呢？
https://npp.vote
謝謝大家的觀看～

作者: peanut97 (丁丁) 2018-12-09 14:05:00

想知道

作者: pkro12345 (席龍) 2018-12-09 15:23:00

首頁含3個class 裡面各包svg圖片(文字) 每個class含transform和opacity，一開始第一個class的opacity為1其他為0，藉由滾動偵測修改opacity切換圖片(文字)字會往前跑是因為transform:translated3d(0,0,1000px)另外他不是用js去修改opacity，而是用class去切換的

作者: mauve (mauve是淡紫色) 2017-01-12 21:40:00

推樓上，感覺又學到一課

繼續閱讀

[分享] 我做了4份自學寫網頁的教材poopoo888888 [問題] Vue.extend無法施行Moneyyyyy [問題] jQuery觸發select選單打開的事件JSSoryu [問題] 新版googlesite驗證所有權worldrr [問題] WORDPRESS.COM的問題Frodera [問題] 該怎麼分割字串才好FacetheFaith [請益] 網站強制使用 https 後的網站管理員提交Mapleton [問題] asp.net 建好的sln無法偵錯 2000ptusna08124 [問題] 求救！網頁圖片異動godkillwe [徵才] 高雄卡訊電子徵UI設計師peanut97