Animação GTA6 Elementor

		
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.7/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.7/dist/ScrollTrigger.min.js"></script>

<script>
    document.addEventListener("DOMContentLoaded", (event) => {
        gsap.registerPlugin(ScrollTrigger);
        
        const tl = gsap.timeline({
            scrollTrigger: {
                trigger: ".divPai",
                pin: true,
                scrub: 2,
                start: "top top",
                end: "+=2000",
            }
        })
        
        tl.to(".hero", {
            maskSize: "20vw",
            duration: 2
        })
        
        tl.to(".heroImg2", {
            opacity: 0,
            duration: 1
        }, "-=2")
        
        tl.to(".telaBranca", {
            backgroundColor: "white",
            duration: 1
        }, "-=1")
        
        tl.from(".logo6", {
            opacity: 0,
            duration: .5
        })
        
        tl.to(".secao3", {
            maskSize: "150vw",
            duration: 3
        }, "+=.5")
    })
</script>