Create a Modern Gallery Animation with GSAP & Lenis
https://bit.ly/3DBl1tN 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, we're going to create a modern gallery, scroll-activated animation sequence with Lenis (a new smooth-scroll plugin) and GSAP (the greensock animation platform).
https://lenis.studiofreight.com/
https://greensock.com/
Codepen:
https://codepen.io/designcourse/pen/poKyBBJ
0:00 - Intro
0:28 - HTML
0:44 - CSS
1:23 - JavaScript
2:25 - Final Project
Let's get started!
#frontend #gsap #javascript
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Create a Modern Gallery Animation with GSAP & Lenis канала DesignCourse
-- Today, we're going to create a modern gallery, scroll-activated animation sequence with Lenis (a new smooth-scroll plugin) and GSAP (the greensock animation platform).
https://lenis.studiofreight.com/
https://greensock.com/
Codepen:
https://codepen.io/designcourse/pen/poKyBBJ
0:00 - Intro
0:28 - HTML
0:44 - CSS
1:23 - JavaScript
2:25 - Final Project
Let's get started!
#frontend #gsap #javascript
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Create a Modern Gallery Animation with GSAP & Lenis канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Who Designed the BEST Responsive Card?Learn Responsive Web Design (Challenge)Awesome Scroll-Activated Animated Gallery - Quick TutUI/UX & Frontend Dev: Create a Live Chat Modal from ScratchCreating Monochromatic Color Schemes - UI/UXLive UI/UX Review! - Submit your designYou're probably watching too many tutorialsThe One Typography Mistake Most of you Make! - Including Myself!Live Roasting your UI DesignsAwesome Mouse Spotlight Effect in JS & GreenSock3 Useful Figma Shortcuts You Should Use DailyCreating Shadow Gradients (So Hot) in both Figma & CSS!What is a Full Stack Designer? 2023 RoadmapHow to Refactor a Web Design - Like a ProA super quick tip to improve your typography #webdesignSICK Dropdown Navigation with Micro-Interactions (PURE CSS)This JavaScript Plugin creates Insane UI AnimationsWhen NOT to use a Hamburger Menu 🍔 #uiuxCreate CURVY Layouts with Figma Metaballs - TOO FUN 😅Rapidly Redesigning 3 Layouts - Crypto, Contact & Roadmaps!