Everything Looks Simple Until You Try to Do The Same
I’m forcing myself to code an interaction at least once every 2-3 days. Those interactions are easy to create using After Effects, but when it comes to code (for a non Front-End Engineer like me), it’s much harder. Not every designer could code, in fact I don’t think designer should code, but by doing so, I have more empathy to the engineers after do the code myself, it’s not “I can understand how you feel”, but rather “I’ve been there, I know how it feels.”
Try the interaction below. Although it’s not fancy, but I’m proud of myself to be able to code this using CSS and JS. You need to scroll to see the ‘+’ icon, or you can play around with it directly on the codepen.io: Options Animation.