Need Help with a Simple GSAP Animation Not Working on Page Load
Hi there!
I’m just starting out with GSAP, and I’ve created a simple animation to make an element enlarge when the page loads. However, for some reason, it’s not working, and I can’t figure out why.
Does anyone know what I might be doing wrong?
Thanks a lot in advance!
Code:
test link: https://sherpa-2024.webflow.io/gsap-test
I’m just starting out with GSAP, and I’ve created a simple animation to make an element enlarge when the page loads. However, for some reason, it’s not working, and I can’t figure out why.
Does anyone know what I might be doing wrong?
Thanks a lot in advance!
Code:
<!-- Incluye GSAP desde el CDN -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
<script>
gsap.fromTo(".404_sticker",
{ scale: 0, opacity: 0 }, // Estado inicial (chiquito y transparente)
{
scale: 1,
opacity: 1,
duration: 1.5,
ease: "bounce.out", // Efecto de rebote
}
);
</script>test link: https://sherpa-2024.webflow.io/gsap-test
