fbpx
You can apply “FONTHERONOW” promo code 10% OFF for our new plugin Font Hero

GSAP Animation in Oxygen Builder: Basic

Marko Krstić

July 29, 2021 – Read time: 1 minute

Learn how to register, enqueue, and trigger GSap Script inside Oxygen Builder.

The video is also covering how to set up Scripts Organizer and Scripts Manager feature.
We will explain the best practice about playing with element opacity is shared by my tutor from snorkl.tv

JavaScript

function init(){
    gsap.from("#headline-346-4", {
        duration: 2, 
        y: 100,
        autoAlpha: 0,
    });
}

window.addEventListener("load", init)

CSS

#headline-346-4{
    visibility: hidden;
}

🙉 Advanced tutorials for GSAP (affiliate)

image
Advanced Tutorials for GreenSock

🙊 Purchase GSAP (affiliate)