I think Lenis has the potential to be my go-to JS library for smooth scrolling. Paired with some GSAP here and there and we can create some dope Awwwards-worthy websites.
CODE:
https://www.notion.so/CODE-Grow-shrink-section-with-GSAP-8f3a7b535b4b4cd69039731c99536df5?pvs=4
Links:
https://lenis.studiofreight.com/
Timestamps:
00:00 Intro
00:37 Hero section build
05:36 Fixed image gallery build
09:53 Selected work section build
11:23 Adding GSAP
14:35 Adding CSS
15:57 Editing the selected work section/experimenting with the Grid container
18:22 Adding Lenis smooth scroll
19:45 Preview & final thoughts
21:03 Outro
Thank you for watching!
🛠 Try Elementor👇
https://be.elementor.com/visit/?bta=204254&brand=elementor
🎥 My gear 💻:
https://kit.co/egli.andrea/filming-desk-setup
Devtooly – directory of tools & resources I built for frontend developers: https://devtooly.com/
👇🏼 HOW I CAN HELP YOU 👇🏼
—————————————————-
WORK WITH ME
🚨 Web design & development: https://www.egliandreastudios.com/
SOCIAL MEDIA
🐦 TWITTER – @AndreeaEgli
🟦 LINKEDIN – https://www.linkedin.com/in/egliandrea/
CONTACT
For business inquiries email me here:
📨 EMAIL – hello@egliandreastudios.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