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

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

На главную

Switching word combos on scroll with CSS 🖱️ main { animation: switch both steps(3); animation-timeline: view(); } @​keyframes switch { to { --i: 3; }} .words__track { translate: 0 calc(var(--i) * -100%); } Result of a DM request 👇

92,943 просмотров • 1 год назад •via X (Twitter)

Комментарии: 10

Фото профиля jhey ▲🐻🎈
jhey ▲🐻🎈1 год назад

Wasn't going to share this one as it was quickly thrown together 😬 May be useful to some though 🤙 Haven't put together a mobile view where could imagine everything would stack and you'd lose the animation. Nor does this fallback where no support 🥲

Фото профиля pavi2410
pavi24101 год назад

What's the DOM structure like?

Фото профиля Andrej Maznevski
Andrej Maznevski1 год назад

So this is what you've been cooking 🧑‍🍳

Фото профиля jhey ▲🐻🎈
jhey ▲🐻🎈1 год назад

Not this haha 😂 This was like a 20 minute prototype for someone 🤙

Фото профиля Abdulfettah
Abdulfettah1 год назад

When this gonna be supported on safari

Фото профиля Ivanchis
Ivanchis1 год назад

👋👋👋

Фото профиля Soya
Soya1 год назад

thank you! i’ll definitely implement this soon

Фото профиля huang deshiou
huang deshiou1 год назад

This looks amazing! Can I ask for the code?

Фото профиля LcsGa 🅰️
LcsGa 🅰️1 год назад

Nice effect! To work properly, each part has to be of the same height, right?

Фото профиля ROLLA
ROLLA1 год назад

You need to adjust the alignment of the text. It’s a little wonky

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