Adam Argyle @nerdy.dev · Jan 23

a powerful #CSS transition technique enters the ring: Anchor Interpolated Morphing (AIM) nerdy.dev/anchor-inter...

87 likes 6 replies

?

Replies

Brecht De Ruyte · Jan 23

I love the ditto visual 🤩

Bogdan Chadkin · Jan 23

Wow!

David M ⦿ ⟁ ▣ ⁾⁾⁾ | · Jan 24

That would be good for a a Halloween graveyard scene with ghosts popping up and down.

Matthias Ott · Jan 23

Allan Kukral · Mar 9

I ran with this making a dialog version, took more time than I'd admit to figure out how to get it to grow equally on all sides and not have accumulated animation artifacts. Thanks for the inspiration and write up! I've been wanting an effect like this for a while. codepen.io/allankukral/...

Tyler · Jan 23

That’s pretty cool, I might have to mess around with that later now that I’ve been experimenting with dev again. I’m curious though too what you use to record the interaction and make your gifs with the keystroke annotations. I had been looking for a new tool and was thinking of Gifox.