Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


| GreenSock

Easily move any element along a path, whether it's an SVG <path>, a list of points, or a bezier curve. Learn more in this video:

Check out the MotionPathPlugin Demos collection on CodePen!

GreenSock club members also gain access to the MotionPathHelper utility.

For more information, check out the MotionPathPlugin docs.

Get an all-access pass to premium plugins, offers, and more!

Join the Club

We consider it a privilege to serve you. Glad you're here.

- Team GreenSock

User Feedback

Recommended Comments

On 2/17/2020 at 11:54 AM, andrewandopen said:

How would I animate a png or <img/> tagalong this path as opposed to the rectangle that's SVG?

You would switch out the "#rect" selector with one like "img" or preferably something more specific like "#myImg" where the <img> has an ID of "myImg". 

By the way, you're more likely to get a faster response in our forums :) 

Share this comment

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.