Construct!

Made an animation in Framer, smooth as always!

As many people are curious about how I animated the earpods (or other parts in this animation), the Framer file is shared here:

http://share.framerjs.com/rbjvdq7a8v6m/
Click your mouse, and it will be played!

The codes are kind of messy, but I'm too busy to sort them out, and I think you can work it out. Inside this file you can see my thinking on realizing SVG + CSS animation in Framer.

If my work helps you extend your mind and make cooler prototypes, I hope you can like this shot and follow my Dribbble page.

Thank you very much!

BTW, this prototype is designed to be played only once (then you have to reload), also for I'm too busy to make it "replayable".