作者pptipad (ipad)
看板Web_Design
标题滑鼠移动时字会往前冲这个要怎麽实现呢？
时间Sun Dec 9 13:08:17 2018
大家好～
在逛网站时看到这个网站，字体会藉由滑鼠滚动往前跑，请问这个效果要利用什麽方式完
成呢？
https://npp.vote
谢谢大家的观看～
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 39.8.71.20
※ 文章网址: https://webptt.com/cn.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