Hey all, wondering if anyone else has experienced this problem yet with the new GSAP interactions panel. I’m having trouble getting certain interactions to consistently fire on the live site. I’ve included an example below. The page loader should be firing the split text animation on the heading on page load like you see in the designer however it’s inconsistent on when it’s firing on page load. It seems like it fires just fine after publishing the page but the animation doesn’t want to repeat after that.
Let me know if anyone else has experienced this or if I may be missing something.
When working with split text animations in Webflow, you may encounter some limitations with certain text configurations. Balance and justify text properties don’t always work as expected with split text animations due to browser handling of inline block elements.
To achieve the best results with split text animations:
Use left, right, or center alignment instead of balance or justify
Keep text configurations simple and consistent
Avoid applying CSS transitions to elements that already have GSAP animations, as this can cause conflicts
If you still need to use balanced or justified text, consider creating separate text blocks for your animated and static content.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I’ve had a similar problem every time I’ve tried to use split text in IX3 using line and line mask. I don’t have any type of text wrap or css in use but the animations only fire in the interactions timeline preview. Both the published site and preview don’t animate at all. And when I inspect the code on the published site the ‘line’ class is missing altogether.
I sent in a support request yesterday but they just confirmed the problem and told me to split by word instead. Hopefully they sort out the bugs soon!
Good to know I’m not the only one seeing the issue. Yeah I’ve tried splitting by line and word and still have the same issue. Hopefully this is addressed soon.
Yep, I’ve been getting this non-stop also. The preview in Webflow animates as expected. When published to the dev site, the text which was masked and pushed down inside the mask is simply sitting on the page, not animated nor masked.
Sorry you’re experiencing this. Unfortunately, this is a known bug. The team is working diligently to fix it ASAP. I’ll report back once it’s been fixed.