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 follow my Dribbble page and give this shot a "like": https://dribbble.com/shots/3043359-ConstructThank you very much!

1 Comments

Thomas Law

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