Loading Animation using CSS3 Keyframe Animation

CSS3 Keyframes are great for creating anything from complex, multi-step animations to simple looping animations. Loading animations are a necessity for demonstrating to the user that they need to wait while also being easy on the eyes. A cool loading animation could keep a user interested. This loading animation is inspired by the Xbox loading animation.