Animation sometimes breaks after zooming or scrolling on iOS #12

fgnass opened this Issue Aug 19, 2011 · 0 comments


None yet

1 participant

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 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:

  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.
@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.
@fgnass fgnass closed this in 7c6c725 Sep 1, 2011
@joeldbirch joeldbirch referenced this issue in benschwarz/gallery-css Jun 8, 2013

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