CSS3 transition/transform/translate3d causes severe flicker on first or last “frame” of the transition (on an iPad)

Question

All,

I\'m working on a web app specifically for the iPad, and I\'m using a CSS3 transition to animate a div (move it from left to right).

My class looks like

Answer 1

We solved many flickering and font problems by fixing the viewport.

Previously we had content going off the page (a sliding div) and the device seemed to go into conniptions when the viewport wasn't fixed, having to process data off the screen in combination with the zoom-a-bility of the displayed content.

This tag in the head solved our problems.