Css 如何使用GSAP从左到右组合文本

Css 如何使用GSAP从左到右组合文本,css,animation,gsap,Css,Animation,Gsap,我只想问开发者是如何将他的名字从右到左组合在一起的?我只是想自己实现它来提高我的css技能 如果我没弄错的话,他好像用了GSAP滚动触发器 这里是一个不完整的JSFIDLE,希望它能为您指明正确的方向: 本例不使用scrollTrigger,但我强烈建议将其用于类似的情况 注意:请确保结果显示窗口为870px对于本例,要将这类事情放大,我将尝试使用vw而不是% 很抱歉,我不能在这上面花更多的时间,但是祝你好运 检查谷歌chrome上的inspector,有8个类似maskThe的块,可以让你开

我只想问开发者是如何将他的名字从右到左组合在一起的?我只是想自己实现它来提高我的css技能

如果我没弄错的话,他好像用了GSAP滚动触发器


这里是一个不完整的JSFIDLE,希望它能为您指明正确的方向:

本例不使用scrollTrigger,但我强烈建议将其用于类似的情况

注意:请确保结果显示窗口为
870px
对于本例,要将这类事情放大,我将尝试使用
vw
而不是
%


很抱歉,我不能在这上面花更多的时间,但是祝你好运

检查谷歌chrome上的inspector,有8个类似maskThe的块,可以让你开始。