正在加载视频...

视频加载失败

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 😏

相关视频