正在加载视频...

视频加载失败

#CSS only carousels arrive in Chrome 135 ⤷

75,741 次观看 • 1 年前 •via X (Twitter)

11 条评论

Adam Argyle 的头像
Adam Argyle1 年前

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 的头像
HUDI1 年前

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

Adam Argyle 的头像
Adam Argyle1 年前

AMA CSS Carousels on YouTube

Jeroen Reumkens — FrontendFYI 的头像
Jeroen Reumkens — FrontendFYI1 年前

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 的头像
Mark1 年前

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 的头像
Jan Nicklas1 年前

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

Adam Argyle 的头像
Adam Argyle1 年前

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ń 的头像
Artur Bień1 年前

Mouse drag with momentum included? 🥹

Adam Argyle 的头像
Adam Argyle1 年前

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

tejas ✦ 的头像
tejas ✦1 年前

this was much needed, thanks 🤩

Proof-of-Babbage 的头像
Proof-of-Babbage1 年前

😍

相关视频