Jump to content


Animated Image Maps

Recommended Posts

Hi everybody, Im just starting gsap,


has anyone tried animating an object that uses traditional html Image Maps?

I assume gsap grabs the whole div or container the map resides in and translates the image map coordinates for you.


Could the area shapes be animated individually by tweenmax? (it might cause accessibility issues, I think translating the whole container might be better for compatability).

Link to comment
Share on other sites

Just scaling and rotating Carl, reading thru the docs this week some more.


Dynamically moving the map shape coordinate points isn't necessary for what I had in mind, might be a cool demo to try later.


My case is I have a jpg thumbnail with a gsap animated svg sitting on top of it providing a spinning animated border frame I posted over here.


I'll be testing out a spinning image map to rotate along with the same polygon shapes timeline for precision clicks and mouse over effects inside the frame. 

Just getting the hang of codepen, couldnt post a live sample as the svg is loaded by local reference, probably another week before I get back to this task, thanks for looking.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.