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

GSAP Animation in Oxygen Builder: Staggering

Marko Krstić

July 29, 2021 – Read time: 1 minute

We are pushing animations even more. We are moving to the blog page & we are animating a post list with a staggering effect.

Come to our Facebook group: https://www.facebook.com/groups/dplugins

JavaScript

gsap.to(".oxy-post", {
    duration: 1,
    scale: 1,
    opacity: 1,
    y: 40,
    stagger: {
        grid: "auto",
        from: "start",
        axis: "y",
        amount: 1.5
    }
});

CSS

.oxy-post{
    opacity: 0;
    transform: scale(0);
}

🙉 Advanced tutorials for GSAP (affiliate)

image
Advanced Tutorials for GreenSock

🙊 Purchase GSAP (affiliate)