Staking Cards Animation Using GSAP | HTML, CSS & GSAP

🔴 Source Code From Video 👇👇👇
🔶 / 102539845
🔴 Bonus 👇👇👇
🔶 / staking-cards-102395045
Сегодня на очереди крутая анимация карточек которые стакаются во время скрола страницы. Для создания подобной анимации используется библиотеке GSAP & ScrollTrigger! Так же присутствует плавная анимация скрола с использованием библиотеки lenis.js
Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео.
00:00 - INTRO
00:22 - HTML
02:04 - CSS
05:56 - GSAP
09:00 - Bonus - Stacking Cards With Parallax Images
🔴 Также переходите по ссылкам ниже ↓↓↓
🔶 Support the channel: / approvecode
🔶 Website: folio-nd.approvecode.com/
🔶 Blog: approvecode.com/
🔶 GitHub: github.com/DmitriNaumov
🔶 Codepen: codepen.io/DmitrN
🔶 ApproveCode on IG: / nd.webdev
🔶 ApproveCode on TG: t.me/avcode
#gsap #scrolling #javascript #html5 #coding #code #animation #htmlcss #site #htmlcssjavascripttutorial #frontend #frontenddeveloper #creative #vscode #approvecode

[@arielelias2413]

Perfect!!!

[@approvecode]

Thx)

[@mr.syconium]

❤ woo Brother 👨 Thanks 🤩 So much Outstanding Content

[@ENGMATerials_with_Innesa]

thanks for sharing

[@ahmetsoner9106]

Emeğine sağlık ❤

[@BigBoss-rc8pe]

привет ,подскажи пж как правильно адаптировать твои работы под экраны небольших ноутов и телефонов ! буду признателен )

[@approvecode]

используй медиа запросы и все значения пиши в относительных еденицах(rem, em, vw, vh, %,...)

[@mayanksharma6927]

Next.js тоже пожалуйста

[@approvecode]

возможно когда-то сделаю)