There are a ton of animations on the web. We hardly ever notice them, but the web wouldn't be the same without them either.
I wanted to teach people about animations, so I made a quick screencast about the basics of CSS Animations. Don't worry—you don't need to know much to get started. All you need to know is a little CSS! Enough talk. Check it out:
Here are the examples that you'll see. Feel free to clone them and modify them for your own use:
- Flickr: http://codepen.io/jagtalon/pen/JGbxKd
- Twitter: http://codepen.io/jagtalon/pen/qOJvdj
- Asana: http://codepen.io/jagtalon/pen/GpwOMY
- Slack: http://codepen.io/jagtalon/pen/QjPaRW
- Infinite: http://codepen.io/jagtalon/pen/pjZPaj
- Typing Indicator: http://codepen.io/jagtalon/pen/VvEQNr
As always, if you find anything confusing or if you have any questions, send me an e-mail.