Jump to content
GreenSock

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

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

Recommended Posts

Hi,

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 post
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:

 

https://greensock.com/club/

 

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 post
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 

 

49bf2d41aee84e16b3bde7b550539a38.png

 

2: View JavaScript tab of settings panel

 

d8a1e32ab5594c079f1bfc76bd10295e.png

  • Like 4
Link to post
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 post
Share on other sites

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

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

×