GSAP-Like Scroll Animations for Elementor Loop Grids & Grids (Free Plugin!)

In this video, I'm showing you how you can animate Elementor loop grids, like GSAP, and normal grids with this free plugin we've developed.

Timestamps:
00:00 Intro
00:27 Demo
01:10 Building The Grids
02:14 How to Install The Plugin
02:31 Animating your Loop Grid (Copy/paste Attributes below ↓)
04:38 Building + Animation a Normal Grid (Copy/Paste Attributes Below ↓)
07:44 Explaining/Showing Responsiveness
08:04 Why to include these animations
08:28 Outro + Siteground

📸 Follow me on IG → https://www.instagram.com/jer0d/
📸 Follow my reels account on ig → https://www.instagram.com/jer0.d/
💻 Reach out to me at → https://jer0d.com/ (still under development)
🛜 Siteground Hosting Affiliate →
https://www.siteground.com/index.htm?afcode=c91d2f2b14c22e8312c729430d8b4631

📝 Get the plugin here — simply put in your email and you'll get emailed the plugin → https://jer0d.com/adding-animations-to-your-loop-grids-and-grids-in-elementor/

📝 CSS class to copy-paste onto your Elementor Loop Grids → "lg-animation"

📝 Attribute to copy-paste your Elementor Loop Grids →
data-lg-animation
data-lg-animation-type="fade-up"
data-lg-animation-delay="150"
data-lg-animation-offset="200"
data-lg-animation-duration="200"
data-lg-animation-once="false"
data-lg-disable-mobile="true"

📝 CSS Class to copy-paste onto EACH element in your normal grid → "animate-grid-element"

📝 Attribute to copy-paste your Elementor Grids →
data-lg-animation
data-lg-animation-type="fade-up"
data-lg-animation-delay="0"
data-lg-animation-offset="300"
data-lg-animation-duration="600"
data-lg-animation-item-class="animate-grid-element"
data-lg-animation-once="false"
data-lg-disable-mobile="true"

Видео GSAP-Like Scroll Animations for Elementor Loop Grids & Grids (Free Plugin!) канала Jerod Butler