sygad1

Thanks, but that's moved away from the result i'm after This is fading in at a stationary point then moving up, pausing, moving up and again at a stationary point, fading out It might be easier to imagine the entire list wrapped around a cylinder and the cylinder is rotating The 1st item starts at the bottom and moves AND fades into the red box, pauses for 1s, then moves AND fades out at the top As each item reaches the red box, the next on the list appears and the cycle starts over By the time the 3rd item has started its animation at the bottom, the 2nd item is in the red box and the 1st item is just about to fade out at the top. The only stationary point is when an item is in the red box Hope that helps and again, cheers for the help

That's a pretty cool effect, i'll have a play with that. The 3 states all visible at once would look like this

it was starting from the end of the path Craig has nailed the answer, I was setting my animation 100% 100%, it should have been 0% 0% All sorted now

very very close is there anyway of having 3 on screen at once, the fading out, the visible and the fading in, essentially all 3 states no big if not possible, this is close enough to what I need

Hi All I've created a drawSVG but when comparing it to a vivus.js version, they start from different points, how can I control the starting points on my GSAP version? Any help appreciated

Hi All Having a bit of a problem with staggered animations. I want to stagger a list so that it fades in and moves up, pauses for 1s, then fades out and moves up even more, effectively: Fades in from y:100 Pauses for 1s Fades out to y:-100 I tried with a staggerFromTo but it just whizzes past and everything is performed in 1 go, putting a delay only delayed the start of the animation, not put a pause in the middle. I tried with a timeline, which works, but only for 1 item, when multiple items are used, they stack on top of each other in a mess. Any help appreciated

Tell me about it I've been playing with this for 2 solid weeks, i've barely scratched the surface of what it can do but im making a little progress. A massive thank you as well to the forum answers, quick, accurate and helpful, it's worth the money alone just for that. I'll get sorted now with a license, too good not too. Cheers

Hi All, I'm wanting to use drawSVG and Throwprops plugin on my personal site, there are no chargeable sections, it's just a portfolio site. I want to know what happens after a year, do these plugins disable? I don't mind paying the $99 once, but I can't justify an ongoing cost forever for 2 effects. Can someone please clarify what happens after the year? Cheers

This is the concept idea I came up with a while ago

The idea is that when you press the menu, (hamburger) icon, it will animate the individual items into the circular pattern, which should suggest that it also moves in that direction. The next part is to animate the sub level navs that expand as a layer over the original one

Doh!!!! Easiest fix ever. Cheers for that

Hi all, Trying to make a circular nav with flick, spin and rotating properties. Got it to rotate, but it doesn't seem to flick spin with accelerating and de-accelerating momentum I've added the draggable plugin and set throwProps to true. What am I missing / doing wrong? Any help appreciated.

@OSUblake thank you for that, very interesting way of doing it and actually a lot closer to what I had in mind from a finished visual. The offset is an idea I have been bouncing around to limit the amount of movement and it helps to keep it close to the original shape without it collapsing too heavily onto itself.

@Mikel Cheers for spotting that, sometimes you can spend too long looking at the code

@Carl Cheers for the detailed answer, very useful and helpful. I'll stick with what i've got as this is not going to be a very long list. Thanks