Animation sometimes breaks after zooming or scrolling on iOS #12

Closed
fgnass opened this Issue Aug 19, 2011 · 0 comments

Projects

None yet

1 participant

@fgnass
Owner
fgnass commented Aug 19, 2011

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.

Other alternatives:

  1. Using setTimeout() instead of CSS animations

  2. Flicking through the various animation steps as in this example: http://paulbakaus.com/2010/12/15/sprite-animations-on-css-transitions-revisited/

  3. Incorporate the delay into individual @keyframe rules for each line

@fgnass fgnass added a commit that referenced this issue Aug 31, 2011
@fgnass Kick off the animation by setting a CSS class.
This greatly improves the situation mentioned in
issue #12 and might also help with #20.
d8e7831
@fgnass fgnass added a commit that closed this issue Sep 1, 2011
@fgnass Use a different animation for each line instead of
animation-delay. Fixes #12.
7c6c725
@fgnass fgnass closed this in 7c6c725 Sep 1, 2011
@joeldbirch joeldbirch referenced this issue in benschwarz/gallery-css Jun 8, 2013
Closed

Animation-delay gets out of sync on iOS #7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment