Search the Community
Showing results for tags 'motion path'.
Hi, I have a path with a circle going along it using MorphSVG with Bezier. When you press 'play', the circle follows the path to the end as expected. However, I want the circle to stop at the top of the curved line, so like 70% along the path. Is this possible? https://codepen.io/Carrly/pen/vpwBEW
Hello, What an awesome animation library I must say. I am trying to work on some animation but having a hard time understanding the concept of bezier plugin. Please check the attached CodePen. What I want to do is, on the page load I want to animate all 5 links from the center of the screen to the left, which is a virtual arc and then I want to animate the links one by one along the arc path. Right now you will notice the links are animating but they are directly animating to the end position, whereas I want the links to reach their destination along the arc path. I tried using the bezier plugin "thru", "quadratic" and "cubic" types but none of them worked as expected. I am 100% sure I am missing something and so any help on this would be greatly appreciated. FYI: This animation library is so cool, it's net letting me sleep Thanks.
Warning: n00b question! I'd like to use TimelineMax to animate clips along other clips. The examples I can find using MotionPath all utilize generated paths vs. hand drawn paths. Can I simply designate hand drawn paths (which are mc's) using MotionPath?