GSAP Animation in Oxygen Builder: Staggering

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 } });
Code language: CSS (css)

CSS

.oxy-post{ opacity: 0; transform: scale(0); }
Code language: CSS (css)

🙉 Advanced tutorials for GSAP (affiliate)

image
Advanced Tutorials for GreenSock

🙊 Purchase GSAP (affiliate)

Marko Krstić

Owner of dPlugins. Started with design in 1999. Currently, besides dPlugins, he is an Art director at Scandic Hotels, delivering design for the Web and the App for 270 Scandinavian hotels.