Animation not working tweenmax

[oneiamfor]

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

[Shaun Gorneau]

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

[Jonathan]

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

[Diaco]

Hi oneiamfor 

 

pls check this out : http://stackoverflow.com/questions/8397852/why-p-tag-cant-contain-div-tag-inside-it

 

pls try to use span tag instead of div