E-Card Animations

Tada! Finally, an e-card animation for an app idea my sister brought up to me. (You can also find it on the E-Card Animation project page.)

What Surprised Me

It wasn’t as hard as I feared it would be. The interactive animation did require several lines of jQuery and 250 lines of CSS, but it wasn’t that difficult once I finished the first part of the animation.

Inspiration

I have been wanting to learn CSS animations for a while, and my sister’s project idea sealed the deal. At first, however, I wanted to go the lazy way. I dug through CodePen for open source envelope-opening animations, but none of them were what I needed. I put off making my own until yesterday, when the summer semester had already finished and I stumbled across https://markroland.com/portfolio/css-greeting-card. I thought, Wow, this is cool, and exactly what I want to do!

So I did it.

Default image
Catherine Chen
Inspire and be inspired.
Articles: 29

Leave a Reply