[GSAP ScrollTrigger SVG Animation]

22 hours ago, GreenSock said:

I noticed a few problems:

1. You weren't putting the tween into the timeline at the appropriate spot. It was just firing immediately.
2. You were tweening the "fill-opacity" which is an attribute instead of simply "opacity" which is a CSS property. 
3. You weren't starting out with the opacity (or fill-opacity) as 0. The default is 1 so if you animate to 1, it won't really do anything.

I assume you wanted something like this?:

 

 

 

And here's a version with quite a bit less code using DrawSVGPlugin (members-only plugin): 

 

 

 

I hope that helps.

Searched for a Solution for that aswell. 
Is it possible in anyway to attach some HTML Elements like text or images to the SVG Point ?
So its displayed underneath it.
Sorry if thats off topic maybe. 

[GSAP ScrollTrigger with Videos and Elements]

Hello Gsap community,

i'm trying to create a Website, where when I scroll through it, the Time of the Video which is permanently in the Background is connected to the Scroll.
While i'am scrolling and passing certain points in the Video, different HTML Elements should appear / disappear. So for example from Second 2-6 from the video i want to display elements which explain this part of the video and so on. The Elements should not be pinned tho, because the Video itself has a scroll through like effect aswell. I unfortunatly don't have any working prototype.