Noticeable flicker on Safari

[gschrader]

Works great on Chrome but I noticed bad flicker of the whole page right when the digits stop spinning on both desktop and iOS Safari. Not sure I've explained this well enough, let me know if you need more information.

[gschrader]

I tried to capture the behaviour:

[zackbloom]

From your excellent video it's clear that the problem is that safari is moving the rendering layer from the GPU to the CPU when the animation finishes. We can force it to remain on the GPU, but first I'd like to be able to reproduce it. What version of iOS is this?

[adamschwartz]

-webkit-transform: translateZ(0) FTW?

[zackbloom]

That would probably work, but I'd rather not force the entire page onto GPU for the entire life of the page. Maybe we can only do it in that version of iOS.

[gschrader]

The video was desktop Safari 6.0.5/OS X 10.8.5, I just tried it again on iOS and it seems fine now, version 7.0.2, not sure if anything has changed since I tried it last.

[adamschwartz]

This should be all set.