Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

#CSS only carousels arrive in Chrome 135 ⤷

75,741 görüntüleme • 1 yıl önce •via X (Twitter)

11 Yorum

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

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!

HUDI profil fotoğrafı
HUDI1 yıl önce

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

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

AMA CSS Carousels on YouTube

Jeroen Reumkens — FrontendFYI profil fotoğrafı
Jeroen Reumkens — FrontendFYI1 yıl önce

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 🥺

Mark profil fotoğrafı
Mark1 yıl önce

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

Jan Nicklas profil fotoğrafı
Jan Nicklas1 yıl önce

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

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

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.

Artur Bień profil fotoğrafı
Artur Bień1 yıl önce

Mouse drag with momentum included? 🥹

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

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

tejas ✦ profil fotoğrafı
tejas ✦1 yıl önce

this was much needed, thanks 🤩

Proof-of-Babbage profil fotoğrafı
Proof-of-Babbage1 yıl önce

😍

Benzer Videolar