After zooming (or scrolling) in Mobile Safari the animations sometimes loose their animation-delay, causing all lines to pulse synchronously.
Using a single rotation instead of multiple opacity animations (like http://neteye.github.com/activity-indicator.html) would fix this issue, but comes with its own drawbacks.
Using setTimeout() instead of CSS animations
Flicking through the various animation steps as in this example: http://paulbakaus.com/2010/12/15/sprite-animations-on-css-transitions-revisited/
Incorporate the delay into individual @keyframe rules for each line
Kick off the animation by setting a CSS class.
This greatly improves the situation mentioned in
issue #12 and might also help with #20.
Use a different animation for each line instead of
animation-delay. Fixes #12.