Posted on by c_vilander

Animations

I like digging into CSS and JavaScript Animations, especially to create small functional UI Animations that can make that Error Message, Button or Sign Up Form “pop” a little bit more. I also find it as a good way to learn web development, since it often involves a mix of concepts, but it also pushes me to design stuff, which isn’t my strongest skill :-)

Here are some examples of stuff I’ve created. Some are only available on my local machine, which is why I’ve uploaded them as video files. But for the ones available online I’ve also included a link to a live demo and code.

Bouncing Buttons

CSS Animations, and a tiny bit of JS

Code

Submit Buttons

CSS Animation

Code

Loader

CSS Animation

Code

Error Message

CSS Animation, and a tiny bit of JS

One more Animated Loader

CSS Animation

Code