Jump to content


Animation not working tweenmax

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi - sorry for the stupid question;

Trying something really simple. 



This works in codepen environment, but not in my project/site.

When viewing the console and looking at the inspector, I can actually see the <div id="heartIcon" class="fa fa-heart" style="transform: matrix(1, 0, 0, 1, 0, 0);"></div> transform matrix values change as it tweens, but nothing changes or appears on screen.


Any beginner tips or ways i can troubleshoot further? 

See the Pen zGQdvj by oneiamfor (@oneiamfor) on CodePen

Link to comment
Share on other sites

Would need your project URL ... most likely a missing resource.

Link to comment
Share on other sites

Hello oneiamfor, and welcome to the GreenSock Forum!


Are you including GSAP TweenMax as the CDN script or including on your server as a relative path:

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

Also if you open up your browser inspector (f12) .. do you see any errors in the console, like TweenMax is undefined?


Also you are using jQuery hover() so you might also be missing jQuery library


Any additional info will be very helpful, thanks :)

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.