Loading video...

Video Failed to Load

Go Home

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 views • 2 years ago •via X (Twitter)

6 Comments

Danny Moerkerke's profile picture
Danny Moerkerke2 years ago

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 🐦's profile picture
bkardell 🐦2 years ago

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

Adam Argyle's profile picture
Adam Argyle2 years ago

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 | ケニチ's profile picture
KΞNNETH | ケニチ2 years ago

What?! 👀 this is like amazing! 😍

Marcus Tucker 💚's profile picture
Marcus Tucker 💚2 years ago

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's profile picture
Adam Argyle2 years ago

Not all of them 😅 yet 😏

Related Videos