Загрузка видео...

Не удалось загрузить видео

На главную

#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 год назад

😍

Похожие видео