Posts posted by markilfin
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.
Or do you want to make sure that the animation positions never overlap with one of the edges of the container?
I specifically commented out "overflow: hidden;" so you could see that tags are flying outside the container.
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!
Thank you, Chrysto!
I think this will help me a lot.
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 CodePenas 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!
Thank you! Exactly what I was looking for!
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.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!
Keep children inside parent container
if anyone interested, here is my solution for now
See the Pen ZLWBrO by anon (@anon) on CodePen