I have no idea why gsap is not working.
it display GSAP target .box not found. in console
this is my code:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
</head>
<body>
<script>
gsap.to(".box",{
x:500,
duration: 3
})
</script>
<style>
.background{
background: white;
width: 100%;
height: 100vh;
}
.box{
width: 300px;
height: 300px;
background-color: black;
}
</style>
<div class="background">
<div class="box"></div>
</div>
</body>