Skip to content
0:000:28
Rank#73

Post by Adam Argyle

AA

Adam Argyle

@argyleink

Open on X

View Transition powered drag n' drop! just drag events then swappin DOM, #CSS view transitions doin all the animation work (which it's GREAT AT) 🤯 that animated emoji don't miss a beat try it! codepen.io/argyleink/pen/…

Why it is here

Plain drag events swap the DOM while CSS view transitions do all the animation work.

Likes
1,9752K
Replies
20
All-time rank
#73
Week
W312023
Went viral
Posted on X
Web#css#view-transitions#drag-and-drop

The digest

Get posts like this in your inbox every morning.

Get Pro
See the category
Post by Andrew Prifer (is hiring): Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on t
0:34
AH

Andrew Prifer (is hiring)

@AndrewPriferWeb

Likes:8.2K
Post by Aiden Bai: Introducing React Scan:

A drop in script to scan your React app for slow performance and renders

Try it now - it's ope
0:09
AB

Aiden Bai

@aidenybaiWeb

Likes:5.5K
Post by jhey ʕ•ᴥ•ʔ: View Transitions with CSS linear() to create a light flicker effect 💡
0:35
Jʔ

jhey ʕ•ᴥ•ʔ

@jh3yyWeb

Likes:4.1K
Post by Steve Schoger: ✨ Redesigned the W3Schools website for fun.
Image
SS

Steve Schoger

@steveschogerWeb

Likes:3.3K