ex-jedi

Looks like that's fixed it. Is that still the most up to date approach? GSAP SplitText Jump on Revert Fix (codepen.io)

Here you go. It only seems to work where the hyphenated words break. screencast-codepen.io-2021.09.10-21_31_59.mp4

Aha. How did I miss that. I'll have a look at that and report back. Thank you.

When .revert() runs the text jumps a bit. It seems to not like hyphens. I have another pen with identical code but no hyphens which seems to work fine. GSAP SplitText Jump on Revert 2 (codepen.io) Any ideas what I can do to fix this? I'm also taking general pointers, but please not to harsh as I am noob! Thank you.

I'll do all the things. Many thanks.

When the window is resized the ScrollTriggers are in the wrong place. The CodePen example catches this when you resize down. But on the live site, Business Bookkeeping and Accountancy - Blossom Books, it happens when you both resize down and up. Also I have a side issue where the element markers don't show on resize. I need to refresh for them to reappear. I've kinda fixed it I think by re-running the fadeInRotateParagraphs() function on resize but that's a bit janky (I haven't pushed that to the live site just yet). I'm pretty sure it's me not you. What am I doing wrong? Thanks

Aha! I understand. Thanks for your very swift help.

I'm planning on trying some scroll animations with this SVG but I've fallen at the first hurdle. I can't get the paths to draw. I've succeeded with some simpler SVG's but this one an a couple of others aren't working. I'm relatively new to DrawSVG so apologies if it's a glaringly simple fix. Any ideas?