Video yükleniyor...
Video Yüklenemedi
curved scrollbar 👨🍳 powered by GSAP + CSS scroll-snap + SVG
97,263 görüntüleme • 1 yıl önce •via X (Twitter)
11 Yorum

Anyway to do this with the current web APIs and no GSAP?

yes – the demo is a Chromium first scroll-driven animations piece with GSAP as a fallback but you can do it this way: - on scroll trigger a requestAnimationFrame loop - update values within the loop, mapped to scroll - if loop captures the same scroll for say 10 frames, cancel

Discover the top Safari web extensions to boost productivity, enhance workflow, and customize your browsing experience on Mac, iOS, and iPadOS.

Legendary implementation as always! Curious: how do we solve for the manual scrollbar interaction for desktop with mouse? Specially when mouse enables all ugly scrollbars by default.

so good!

Source code:

dang, this is fire! 🔥

That mint, shiny and I want that!

love this so much

Wow

Nice one
Benzer Videolar
Sensitive content
Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS
Wes Bos
305,109 görüntüleme • 1 yıl önce

