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

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

На главную

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀

142,262 просмотров • 2 лет назад •via X (Twitter)

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

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

Here's the @CodePen link people! 🤙 Could do something neat with the blueprint vibe. Would be rad if you could do 3D in ::view-transition or get an extra pseudoelement from somewhere 🤔 Had some fun ideas for it!

Фото профиля Mike Smedley
Mike Smedley2 лет назад

The demo is great but my god the tab bar 😂😂

Фото профиля 🏴 uɒɹɥəɯ
🏴 uɒɹɥəɯ2 лет назад

FYI #cs_internship @maryam_davoudi @Ali_Sdg90

Фото профиля GrahamTheDev
GrahamTheDev2 лет назад

Love it, does focus get maintained if you activate the button via keyboard or would you need to do some JS magic? I am guessing it would behave like a refresh being a view transition? 🤷💗

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

Nah - You don't need to do anything. View Transitions are two snapshots of the DOM state. Nothing changes unless you change it within the spot where you update the DOM 🤙 I'll snap a clip of it

Фото профиля ptr
ptr2 лет назад

@Apple @mozilla neat right?

Фото профиля Fredrik Tibbling
Fredrik Tibbling2 лет назад

Great stuff 🤩

Фото профиля Tyson Skakun
Tyson Skakun2 лет назад

Get out of town. Thats sick

Фото профиля trixster
trixster2 лет назад

good work. as a user does that do more good than harm?

Фото профиля Hruthik Reddy
Hruthik Reddy2 лет назад

oh my oh my what did I just see.

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