Developer question about mark complete animation

[Autumn]

Hi,

I love Trello and especially loving the checkmark animation that occurs when marking a task complete.

I'm a software developer and was wondering how the animation was implemented? Do you guys use package or something custom? (see image below)

Thanks

[Aman Jaiman]

Hi Autumn!

No packages for that animation! Just custom CSS for the lines and timing and then rendering logic for when to show the lines and when to make the checkmark wiggle.

[Autumn]

Awesome! I love the animation so much I keep on spamming it to see the animation haha (Noticed colorful animation on random as well!) It’s so modern and nice - whoever designed / coded up deserves an applause!

Would it be possible to share snippet/ screenshot of the css and code implementation? I want to learn how it’s done from the best and the original