I want to achieve the text animation when we scroll in that specific component in React JS using Tailwind CSS. Currently I'm getting animations Line by Line and when I reverse the scroll the text gets disappeared, whereas, I want the animations to be displayed Character by Character like the link I'm sharing below:
But I want to use this in React JS and instead of SplitText, I want to use SplitType NPM Package
I'm attaching my code file below for further reference. Please guide me to achieve the functionality.
FreshIdeaTesting.js