I'm attempting my first animation using GSAP, but no matter what I try, nothing seems to be working. I've even tried using example code without success.
Within my PHP file, I have the following code snippet:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style>
#green {
width: 100px;
height: 100px;
background-color: #0D9C02;
}
</style>
</head>
<body>
<div id="green"></div>
<script type="text/javascript" src="js/greensock/plugins/CSSPlugin.min.js"></script>
<script type="text/javascript" src="js/greensock/TweenLite.min.js"></script>
<script>
$(document).ready(function(){
var logo = document.getElementById("green");
TweenLite.to(logo, 1, {left:"600px"});
});
</script>
</body>
Despite following this setup, all that displays is a static green square. It's clear I must be overlooking something crucial - any insights on what that could be would be greatly appreciated. Thank you.