GSAP拆分文本库
这是一个基本功能,它将按单词或按字符将字符分成多个范围。
这个库有什么意义?
好吧,我用gsap赚的钱不足以证明使用GreenSock的SplitText插件的年度会员资格是合理的。 它的工作方式类似,但功能却不及Green Sock自己的插件。 如果您需要更高级的功能,则可以获取具有年度会员资格的Green Sock插件。
您如何使用此功能,我为什么要关心呢?
好问题。 如果要按单个字母分割文本,则基本上可以向该函数发送一个HTML元素和一个可选的config对象。 默认值将按单词拆分文本。 然后,您可以将元素的子级发送到gsap,以分别为每个单词或字母设置动画。
const text = document.getElementById('text')
SplitText(text, {split: 'letter'}) // 2nd argument is o
1