Create a Text Highlight on Scroll Effect with GSAP & ScrollTrigger in Elementor

✅ Reference Page:
rebootwebsites...
✅ Download the Complete Template Here:
rebootwebsites...
Want to add a dynamic text highlight effect on scroll to your Elementor site? In this tutorial, I’ll show you how to easily create a text highlight animation using GSAP and ScrollTrigger without any plugins. Elevate your site’s design with this smooth, eye-catching effect!
----------------------------------------------------------
My Affiliate Links:
----------------------------------------------------------
The Best Hosting Company Around , Save over 75% in the first year :
🔘 SiteGround : tinyurl.com/2u...
Elementor Pro:
🔘 be.elementor.c...
Elementor Hosting:
Save up to 75% with this link:
🔘 be.elementor.c...

[@cuneytyucel9046]

Thank you very much for your tutorial but it does not work on mobile

[@jonbustamante]

It worked, but when I tried to add another text instance to animate, I hardly saw the text highlight effect. However, I can see a bit of animation if I quickly scroll. Is there a workaround? Thanks once again.

[@the_mig]

So it sounds like you put the text into the same timeline, in the code itself you would have to change when it starts in the view . Depending how far down the page the second text is put ..

[@jonbustamante]

@the_mig The additional text is placed in a separate container just below the container, with the first text highlight animation. Should I paste a new HTML widget for each text? Which settings should I adjust in the CSS code?

[@dav1539]

Did you use elementor pro ?

[@cuneytyucel9046]

yes I use pro

[@the_mig]

Or pro elements.. both will get you there