Загрузка видео...
Не удалось загрузить видео
CSS Tip! 🚥 You can create these trending expanding scroll indicators with scroll-driven animations and flex 🤙 .indicator { animation: grow; animation-range: contain calc(50% - var(--size)...; animation-timeline: var(--card); } @keyframes grow { 50% { flex: 3; }} What's the trick? Put the indicators in a container using flex layout... show more
575,316 просмотров • 2 лет назад •via X (Twitter)
Комментарии: 10

jhey ▲🐻🎈2 лет назад
Here's that @CodePen link! 🚀 This was a fun one to put together and a nice showcase for the CSS timeline-scope property ⭐️ Saw this initially when building the humane site demo. Might add it to that too 🤔

Faran 🇵🇸2 лет назад
i see your posts later and bookmark them first 🤡

jhey ▲🐻🎈2 лет назад
You a real one Faran 🙏

Ryan Burgess2 лет назад
@hdjirdeh Nicely done!

David2 лет назад
at this point, your posts, take up all of my Twitter bookmarks

parbez2 лет назад
Can you create one similar to scrollbar?

jhey ▲🐻🎈2 лет назад
Yep! For sure 💯 Totally planning to update this demo with it 🤙

Abdulmumin Yaqeen2 лет назад
👑👑👑

eboye | デジタルボーイ2 лет назад
Looks exactly like gnome 45 workspace indicator. I love it ♥️

Andrea2 лет назад
cool 😎!
