CSS3 quickie: The Facebook loading animation
After the couple of jQuery Quickies that have been placed online on this website, I today present you a CSS3 quickie. Just a short walkthrough to create a simple effect, to learn some basic stuff. In this case, we’re recreating the Facebook loading animation using CSS3 animations. I’m pretty sure that you’ve seen the animation before, if you’re a Facebook user.
Take note this example only works properly in browser that support the
keyframes property. I’ve tested this script and verified that it’s working in the latest versions of Firefox, Chrome and Safari.