Share Posted March 20 Hi everyone, I'm trying to implement the first animation text effect in this codrop on my document: https://tympanus.net/codrops/2023/02/22/some-more-on-scroll-typography-animations/ The person who did the animation used splitting.js to split the elements into spans but since the place I started working at has club greensock i wanted to convert this code and make it work with GSAP Splittext, the facts is that i can't seem to make it work, I divided the elements with the splittext and that works since i could console.log them and they seem to be divided as they should. Tried replacing the tags with what i thing needs to be replaced but nothing, I can't even get an error on the console(first time i complain about NOT getting errors in the console ahaha). Can someone help me please and if possible provide me with an explanation so i can learn from my mistakes ? Thanks in advance to everyone<3 See the Pen by pen?template=dyqqNQY (@pen?template=dyqqNQY) on CodePen Link to comment Share on other sites More sharing options...
Share Posted March 20 Hi, I assume that you're looking for something like this: See the Pen mdKWBmm by GreenSock (@GreenSock) on CodePen If not, please create a minimal demo that shows what you have so far. You can fork this codepen that includes all the bonus plugins: See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen Happy Tweening! Link to comment Share on other sites More sharing options...
Solution Author Solution Share Posted March 24 On 3/20/2023 at 2:42 PM, Kkkrxs said: Hi everyone, I'm trying to implement the first animation text effect in this codrop on my document: https://tympanus.net/codrops/2023/02/22/some-more-on-scroll-typography-animations/ The person who did the animation used splitting.js to split the elements into spans but since the place I started working at has club greensock i wanted to convert this code and make it work with GSAP Splittext, the facts is that i can't seem to make it work, I divided the elements with the splittext and that works since i could console.log them and they seem to be divided as they should. Tried replacing the tags with what i thing needs to be replaced but nothing, I can't even get an error on the console(first time i complain about NOT getting errors in the console ahaha). Can someone help me please and if possible provide me with an explanation so i can learn from my mistakes ? Thanks in advance to everyone<3 See the Pen by pen?template=dyqqNQY ( See the Pen by pen?template=dyqqNQY (@pen?template=dyqqNQY) on CodePen ) on CodePen I found the solution by myself, I just need to change the function names according to the ones in my document Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now