Video wird geladen...
Video konnte nicht geladen werden
#CSS only carousels arrive in Chrome 135 ⤷
75,732 Aufrufe • vor 1 Jahr •via X (Twitter)
11 Kommentare

browser takes care of: ✅ the stateful buttons and their accessibility ✅ the stateful markers (dots/thumbnails/etc) and their accessibility the buttons :disable at the edge, the dots are :target-current when their related item is snapped, keyboard interactions setup, and more!

just published some posts in the new page in @CoinMarketCap Community 🤩🎉 🔥 Join HUDI on CMC 👇

AMA CSS Carousels on YouTube

I love this so much! At the same time I feel the chrome team is cooking so hard lately while others can’t keep up, that it feels a bit like the old days again. The days where there’s modern browsers with so many great features, and many other browsers lacking implementation 🥺

I can’t wait for this to be Baseline. I’ve got so many websites I can remove dependencies for and replace with this native solution

oh wow - scroll markers are amazing!! will it be possible to display slide X initially instead of slide 0?

it is! it's in the video demo above with the "video slideshow", the top right has 1/4 or 2/4 as you swipe that demo, isn't using markers (tho you could find a way), I ended up using counters and scroll driven animation.

Mouse drag with momentum included? 🥹

It is not! But it could be a single CSS property one day

this was much needed, thanks 🤩

😍
Ähnliche Videos
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 Aufrufe • vor 1 Jahr




