Fun with CSS Animations [Codepen]

2015-12-06

Yesterday I wanted a distraction so I decided to go over to dribbble.com to find some inspiration for an animation I couldrecreatein HTML and CSS. It's Called the Early Bird, one birds struggle to catch his worm. Here's the originalon Dribbble.The Early Bird - Dribble @ MUTI

And here is what I managed to Create on codepen, using the following

  • SASS Mixins so animations and transitions were created cross-browser
  • No Javascript - All the animations are done with CSS

Why

There aren't many practical reasons to do this, except to get away from depending on flash and gifs,howeverit's more of a challenge to myself and a learning excercise. It definitely pushed my limits of what I could do with SASS animations before.