[Keep children inside parent container]

if anyone interested, here is my solution for now 

See the Pen ZLWBrO by anon (@anon) on CodePen

[Keep children inside parent container]

And you also want to factor in the rounded corners?

Nope, not necessary. Can be rectangle.

No problems. Probably, I'll solve this issue myself tomorrow. Just thought that maybe a good idea will come to someone while i'm in bed. Or maybe someone had the same problem and already has a solution.

 

PS sorry for my bad english. i'm from Moldova.

[Keep children inside parent container]

Or do you want to make sure that the animation positions never overlap with one of the edges of the container?

yes, exactly.

I specifically commented out "overflow: hidden;" so you could see that tags are flying outside the container.

[Keep children inside parent container]

Hi,

i'm trying to add a bit of animation to tags cloud.

But i'm stuck with one issue. How can i keep child elements( tags ) inside parent container?

See the Pen vgLdWV by anon (@anon) on CodePen

[Flip effect from css3/jquery to gsap]

I have css3/jquery demo( codepen is attached ) which I want to convert to gsap platform. I have built this demo long ago( maybe an year ago ), so it's not very clean and has been built with not the best practices. But until recently worked fine in all major browsers. But after last update, it doesn't work in FF ( v. 35.0.1 ).

So maybe I can somehow convert it to gsap. But I do not know even where to start. Maybe somebody can help me? Or even you can point me where to start?

 

Any help would be greatly appreciated!

Thank you!

See the Pen emeaXz by anon (@anon) on CodePen

[onepage site with smooth scroll and history.js]

Thank you, Chrysto!

I think this will help me a lot.

[onepage site with smooth scroll and history.js]

I have onepage site and I use gsap for all animations there, incl. smooth scroll with anchor links, something like this 

See the Pen bxaHz by anon (@anon) on CodePen

Now I want combine this smooth scroll functionality with history.js plugin https://github.com/browserstate/history.js/ , so that users had the opportunity to go back and forward through the site. But I failed to do that.

Here is what I have atm 

See the Pen jzymf by anon (@anon) on CodePen

as you can see page jumps to the top when you click back or forward, and only then scrolls.

 

I would really appreciate any help.

 

Thank you very much!

[Animate blocks one by one]

Thank you! Exactly what I was looking for!

[Animate blocks one by one]

I have three elements - el1, el2, el3. My goal is to animate these 3 elements: el1 - continuous animation, el2 and el3 - animate them two times one by one. What I mean is el2 passes two full circles of animation then stops, right after this el3 passes two full circles of animation then stops, right after this el2 passes two full circles of animation... and so on.

So I did this in this way

See the Pen fuxqv by anon (@anon) on CodePen

But I'm sure that this is not the right way and I belive that TimelineMax should have a mechanizm to control this type of animation and I just don't know about this.

 

Any help would be greatly appreciated! Thanks!