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

I had this problem and tried all of the recommendations above. I just discovered that the z-index of the faces can cause the issue.

I had 3 panes 1 middle(flat) boths sides on angle like this \_/ - the middle one was flickering while the z-index was above or the same as the sides. Moving it to the bottom fixed the flickering entirely.

Hope that helps.