Jump to content

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

Animation doesn't work on file, but it does work on Codepen. Why?

Recommended Posts


I've created this animation: , but when I paste it to my code, it doesn't work... do you know if I need to add a link to a Greensock file or something like this.  

The only link that I have on my header at the moment is: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>

See the Pen VerMWX by anon (@anon) on CodePen

Link to comment
Share on other sites

That pen is using the MorphSVG plugin so that would be necessary to make it work locally.


That plugin is a Club GreenSock perk. More info about that here:




You can try all the Club plugins on CodePen, but to use them in your projects, you would need a membership.


Happy tweening.


  • Like 4
Link to comment
Share on other sites

Yup, PointC is exactly right. If you need to see what JS files a CodePen demo uses follow these steps.



1: Click on the JS settings icon 




2: View JavaScript tab of settings panel



  • Like 4
Link to comment
Share on other sites

uh-oh. Carl's going the extra mile with visual aids and fancy screengrabs.


Now my answer just makes me look lazy. I'm gonna have to up my game.  :D

  • Like 3
Link to comment
Share on other sites

lol, I was just suffering from a "likes" deficit and saw some low hanging fruit :)

  • Like 2
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.