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

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

На главную

Animates <table> ✅ row.remove() ✅ table.insertAdjacentHTML() ❤️‍🔥 special animation like the table is crushing a row out of existence hehe ✅ used devtools in the vid to slowmo the effect viva View Transitions: src on Codepen:

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

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

Фото профиля Danny Moerkerke
Danny Moerkerke2 лет назад

I never fully realized that you don't need to navigate to another page to use document.viewTransition(). It's kinda obvious now that I know it but it wasn't to me at first. Great demo!

Фото профиля bkardell 🐦
bkardell 🐦2 лет назад

Nice. Double click to delete feels weird to me... Did you get that from somewhere else?

Фото профиля Adam Argyle
Adam Argyle2 лет назад

It is weird, didn't get it from anywhere, just wanted an easy delete trigger. I had a version with delete buttons on rows and just never settled on it.

Фото профиля KΞNNETH | ケニチ
KΞNNETH | ケニチ2 лет назад

What?! 👀 this is like amazing! 😍

Фото профиля Marcus Tucker 💚
Marcus Tucker 💚2 лет назад

Looks lovely but it's too easy to accidentally double-click or double-tap a row, so unless it's paired with an "undo" button (which at present it's not) I wouldn't recommend using this interaction #ux

Фото профиля Adam Argyle
Adam Argyle2 лет назад

Not all of them 😅 yet 😏

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