GSAP Text Stroke Animation In Elementor Pro | SVG Animation
HTML-код
- Опубликовано: 7 авг 2024
- Ever wanted to have a text stroke animation begin when a visitor scrolls to a specific section? Well in this video il'l show you exactly how to do it on Elementor Wordpress.
Source Code:
urielsoto.com/gsap-text-strok...
🔴 Elementor Mentoring:
bit.ly/3vOh9CJ
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
MY COURSES:
🟣 Ultimate Elementor Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Instagram: / urielsotodev
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a
Beautiful as usual, and thank you very much for the codes 1
So awesome!
Great Vid!
Your all tutorial are best ❤❤❤
Hello Uriel, thank you so much for your videos, they help me a lot!
I was having a question about a special text effect : i want to know if you can do a tutorial on how to achieve a blur in effect on a text (each word having a time transition so it gives a "magical" appearing, i dont know if you see exactly what i mean), it would be so cool! Thank you again for your amazing videos :)
AMAZING! i'ts possible to change the color text as well?
Niiiiice!
Does this even need GSAP anymore? I just commented out all the GSAP and JS and it still works for me. Is this all CSS native now with the tag? Or is the GSAP only needed for scroll position interactions? Maybe it's because all my animation is above the fold?
I tried everything followed the exact steps disabled caching plugin tested on another website. When I remove the begin="active. Begin" it starts working on the live site but only for a single time when I add it the animation disappears.
Hello,
Thanks for the work!
I followed your tutorial from A to Z, when I remove the line: begin="active.begin", the text stroke is clearly visible, but at the end when I add the line again: begin="active .begin" and I preview the page, when scrolling, there is nothing. I don't quite understand, I followed your video exactly!
Could you please provide a solution?
Thank you very much!
Make sure there's no space begin="active.begin"
@@UrielSoto There is no space, I checked well and redid all the steps without changing anything. I do not see the problem... :/
I see what's going on. Thanks for the input one of my plugins wp rocket was messing with my code. It should be working now. Just refresh the article and copy the js code again.
@@UrielSoto Everything is working !! Marvellous; thank you very much ! :D
@@morgancotten Of course. Thank you for making me aware of this issue. I wondered why my code wasn't working for other people. You helped me solve that issue.