ConnorAtherton / loaders.css

Delightful, performance-focused pure css loading animations.
https://connoratherton.com/loaders
10.22k stars 1.22k forks source link

Use negative animation delays to keep iOS in sync #36

Closed markdalgleish closed 9 years ago

markdalgleish commented 9 years ago

I was using the ball-pulse-sync animation in a project of mine, but noticed that the animations always seemed to get out of sync on iPhone on repeated views.

I found this issue on StackOverflow which described what I was seeing, and the solution suggested was to use negative animation delays, which worked for me when I hardcoded it into my app.

Since calculating negative delays is so tedious and error-prone, I introduced a delay function in a new file called _functions.scss and applied it across the board.

If you have any questions, or would like any further changes, please let me know.