Каждый разработчик должен знать этот трюк с прокруткой (GSAP + Lenis) скачать в хорошем качестве

Каждый разработчик должен знать этот трюк с прокруткой (GSAP + Lenis)

Этот сайт меня просто поразил. Поэтому я создал его заново с нуля. follow.art выиграл награду «Сайт дня» на Awwwards — и не без причины. Панели, активируемые при прокрутке, эффект появления при повороте на 30°, невероятно плавное закрепление... это просто безумие. Поэтому я перестроил всю систему анимации прокрутки, используя только чистый HTML, CSS, JavaScript, GSAP ScrollTrigger и Lenis smooth scroll. Никакого React. Никакого Next.js. Никаких фреймворков. Только чистый, минималистичный код. Что вы узнаете: → Закрепление GSAP ScrollTrigger с параметром pinSpacing: false → Наложение секций карточек при прокрутке → Анимация вращения, управляемая прокруткой (30° → 0°) → Плавная прокрутка Lenis + синхронизация ScrollTrigger → Динамическая высота секций с автоматическим закреплением → Минималистичная CSS-архитектура для полноэкранных секций 🔗 ССЫЛКИ: 🌐 Демонстрация в реальном времени: https://dimaac.com/projects/flowart 💻 Исходный код: https://github.com/Hank-D-Tank/flowart 🎨 Оригинальное вдохновение: https://follow.art/ 🏆 Премия Awwwards: https://www.awwwards.com/sites/follow... 📚 Ресурсы: → GSAP ScrollTrigger: https://gsap.com/docs/v3/Plugins/Scro... → Lenis Smooth Scroll: https://github.com/darkroomengineerin... → Bebas Neue Font: https://fonts.google.com/specimen/Beb... → Bricolage Grotesque Font: https://fonts.google.com/specimen/Bri... Если это вам помогло, поставьте лайк и подпишитесь, чтобы получать больше креативных обзоров разработки. Оставьте комментарий с предложением, какой сайт мне следует перестроить следующим 👇 #gsap #scrolltrigger #webanimation #creativecoding #frontend #javascript #html #css #awwwards #webdesign #uidesign #lenis #smoothscroll #webdevelopment #coding #tutorial #noframework #vanillajs