Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

6 Yorum

Danny Moerkerke profil fotoğrafı
Danny Moerkerke2 yıl önce

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 🐦 profil fotoğrafı
bkardell 🐦2 yıl önce

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

Adam Argyle profil fotoğrafı
Adam Argyle2 yıl önce

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 | ケニチ profil fotoğrafı
KΞNNETH | ケニチ2 yıl önce

What?! 👀 this is like amazing! 😍

Marcus Tucker 💚 profil fotoğrafı
Marcus Tucker 💚2 yıl önce

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 profil fotoğrafı
Adam Argyle2 yıl önce

Not all of them 😅 yet 😏

Benzer Videolar