[Vertical unlimited scroll]

See the Pen gMEYwr by danedmonds (@danedmonds) on CodePen

This particular thing you can but you need to double the set of images and I mush say works better when it's done with GSAP. Thank you!

[Vertical unlimited scroll]

Awesome. This is what I was looking for!
Just a question for performance. Is this better to do with GSAP or Pure CSS. 

 

[Vertical unlimited scroll]

Hello dear wonderful people. 

 

I am struggling with making vertical scroll.

I made it work but images are overlapping and at the bottom they are popping up strange. 

Does anyone have a clue?

See the Pen KKBNbrp by krstivoja (@krstivoja) on CodePen

[Scale circle to follow the shape size while rotating along the path]

@PointC Just a one more quick question if you have time

I managed to add multiple elements (dots) so animation looks more dynamic, 
But issue is that I am having now is moving around that path is working but scale is ignored.

If you can please give me some pointer. 

See the Pen JjBoREY by krstivoja (@krstivoja) on CodePen

Thank you! So much simpler solution than my overthinking and brain frying solution. 
Looks awesome now!

[Scale circle to follow the shape size while rotating along the path]

@PointC Just a one more quick question if you have time

I managed to add multiple elements (dots) so animation looks more dynamic, 
But issue is that I am having now is moving around that path is working but scale is ignored.

If you can please give me some pointer. 

See the Pen JjBoREY by krstivoja (@krstivoja) on CodePen

 

[Scale circle to follow the shape size while rotating along the path]

Thanks everyone for helping and taking time to explain as well.

[Scale circle to follow the shape size while rotating along the path]

Perfect as I will cut left part with css overflow

 

[Scale circle to follow the shape size while rotating along the path]

Wow Nice. This is awesome. I went crazy today so I almost wanted to make it with after effects instead! ❤️ 

Thank a lot. You are real superhero

 

[Scale circle to follow the shape size while rotating along the path]

I am trying to create circles that going around and follow that background shape. 
I have managed to animate it along the path but scaling can not manage sync the scale with shape. 

 

Inside the code pen there is an image example how it should look on different states in the timeline

See the Pen xxJbVqX by krstivoja (@krstivoja) on CodePen

[Random loop in between 1-9]

Awesome @Carl 
This was what I was aiming for!

[Random loop in between 1-9]

Thanks @mikel for the directions.

Will investigate more about gsap.utils.random

[Random loop in between 1-9]

Hello dear GreenSockers. 

Not sure if it's ok to ask this as it's between gsap and javascript. 

 

I have 9 lines and 9 circles and I would like to make random path animation with random delay so they don't start at the same time and they don't start in order 1 to 9. 

See the Pen BammJVE?editors=1010 by krstivoja (@krstivoja) on CodePen

[Play reverse is broken after second play]

@OSUblake It works! Thanks man!

[Play reverse is broken after second play]

When I trigger animation for the first time plays as expected.

After I play it second time becomes buggy? 

 

Any idea why?

Thanks!!

See the Pen YzzzWMY?editors=1010 by krstivoja (@krstivoja) on CodePen

[Multiple Morph SVG]

@ZachSaucier Thats it! Thank you so much ?

[Multiple Morph SVG]

Hello dear GreenSock friends,

I started learning Morph SVG and I stuck a little. 

Im morphing between 3 paths and step 2 is visible.

What is doing now is going from step 1 to 2. Stop. Then it's going from 2 to 3.

Is it possible that all 3 steps are in one "easing" so the visitor don't see that stoping?
 

See the Pen qBWeBGY?editors=1010 by krstivoja (@krstivoja) on CodePen

[tl1 on 1st click, tl2 on 2nd click]

Hey @ZachSaucier it's not a joke. I'm just looking on bigger picture.

They created a tool, forum and engaged people to collaborate.

That's why I'm glad I invested money in this tool and not some other one.

[tl1 on 1st click, tl2 on 2nd click]

Thanks @ZachSaucier I'm really glad I bought premium package. This support it's priceless!

[tl1 on 1st click, tl2 on 2nd click]

@Shaun Gorneau

See the Pen dybOXmo?editors=1010 by krstivoja (@krstivoja) on CodePen

I managed to create this based on yours pen. 
Thanks a lot and I still need to read a lot about gsap and differences between:
"var tl = new TimelineLite()
tl.to"
and
"TweenLite.to"

[tl1 on 1st click, tl2 on 2nd click]

Hey @Shaun Gorneau Thanks for reply and solution.

 

Goal for me is to create menu navigation when I will have different animation when it's opening and when it's closing. 

That's why I imagine that with 2 timelines. 1st timeline when you are opening it and 2nd time line on closing.

 

Does that make sense?

[tl1 on 1st click, tl2 on 2nd click]

Thanks in advance. I'm wondering how to make odd and even timeline trigger on click. 

I found solutions for reverse but I would like do to something else when animation is going back.

 

Thats why I created tl1 and tl2 but not sure how to trigger tl1 on first click and tl2 on second.

 

See the Pen eYOBYgL by krstivoja (@krstivoja) on CodePen

[Control second timeline in with ScrollMagic]

WOW thank you!!! ❤️
Tweening will be happy now  

[Control second timeline in with ScrollMagic]

Hey @PointC Thanks for reply,

It make sense when you say it but in code does work. 
I created new timeline for exit but that don't work. 



If you can please take a look.

 

Thanks!

[Control second timeline in with ScrollMagic]

I created start and end timeline. 2 timelines.  1 for entry and 1 for exit. But they go one after another. 

How to start second timeline when object is 80% of the end of his height?

See the Pen OKXqyL?editors=0010 by krstivoja (@krstivoja) on CodePen

[Fade in fade out with ScrollMagic]

Yes, Thank you so much for this! @PointC