GSAP IMAGE GALLERY BURST – Elementor WordPress Tutorial Flex Container

EDIT: If you don’t want this to interact with your navbar, give each image a class but make sure that you change/add it everywhere in the code! I will add the code in Notion as I’ve modified it to work with the nav. I hope you find it useful!

We’re building an amazing GSAP image gallery that can be used as a preloader or as is on a page. I forgot to mention this in the video and before you ask, it is mobile-compatible, you just need to hack it a bit with media queries

CODE: https://irradiated-watch-2d6.notion.site/CODE-GSAP-image-gallery-burst-6db69569cb9540e18b53acd034c84fa2?pvs=4

Timestamps:

00:00 Intro
00:44 Building the image container
02:14 Adding GSAP code & code instructions/demo changes
10:12 Turning images into lightboxes or custom links to internal pages
12:28 Outro

Thank you for watching!

🟠 TRY ELEMENTOR

https://be.elementor.com/visit/?bta=204254&brand=elementor

🟠 TRY HOSTINGER

https://hostinger.com?REFERRALCODE=1ANDREEA61

🟠 WORK WITH ME

Home

🟠 YOU CAN FIND ME HERE TOO

TWITTER – @AndreeaEgli
LINKEDIN – https://www.linkedin.com/in/egliandrea/
INSTAGRAM – https://www.instagram.com/egliandrea.studios/

🟠 FOR BUSINESS ENQUIRIES

contact@studioegli.com

Disclaimer – Some links in my videos’ description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it’s just one more way to support me and my channel! πŸ™‚

#elementortutorial #elementorpagebuilder #elementortipsandtricks