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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s