Загрузка видео...
Не удалось загрузить видео
CSS scroll to decrypt 🤖 The trick is translating text on scroll within a clipped element ✨ (Watch 🎞️) .char { animation: t both steps(10); animation-timeline: --heading; animation-range: contain calc(var(--i) * 1%)...; } @keyframes t { to { translate: 0 calc(100% - 1lh);}}
264,492 просмотров • 1 год назад •via X (Twitter)
Комментарии: 9

jhey ▲🐻🎈1 год назад
Here's the @CodePen link 🤙

Wes Bos1 год назад
Oh man this is awesome! I’ve always loved that effect

omar1 год назад
I did similar effect before, but wow this looks way better hooolyyy 👏🫡

George1 год назад
I love what CSS can do now. Vanilla is the way to go 👏🏻

dotenvx1 год назад
this is dope. might steal.

aidrian1 год назад
Looks amazing, but it doesn't work in firefox 🥲

jhey ▲🐻🎈1 год назад
It won't. Firefox doesn't have CSS scroll animation yet. Neither does Safari 🥲 Would have to polyfill with something like GSAP ScrollTrigger

TheWatcher1 год назад
That is so brutal 💪🏼

TchikTchak.Crypto |.Ofweb31 год назад
👏🔥😎
