I was having problems with glitching/stuttering when animating in iOS. Code such as this was causing a problem, with the content glitching (disappearing for one frame) regularly:
CSS transitions are hardware accelerated on iOS - perhaps there’s a bug in there somewhere. In any case, the simplest style I’ve found to fix this is the following:
This gets rid of all the glitching, similar to other fixes (e.g.
-webkit-perspective) I’ve seen thrown out as solutions around the Internet, but does it using a single property, one which will validate as CSS3 (well, CSS3 with vendor prefixes).