鼠标移动时字会往前冲这个要怎么实现呢？ 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