Converting ipad css causes font problem

Question

I am developing HTML / CSS / Javascript on an iPad. I use css transform to translate gallery elements (li elements inside ul). Lee contains text. All this works fine on the desktop, but on the iPad 2, the animation phase makes the font less vivid, and when the animation is complete, the font returns to normal. The difference is really noticeable, almost like a transition from a regular font to bold and vice versa. As said, all this works well on desktop safari, only on iPad Safari.

Does anyone have the same problem?

.pom.

Answer 1

I saw this and another slightly strange behavior, which boils down to hardware accelerations for 3D transforms, but I have not found a single standard “fix”. To better understand the problem, check out the tips here:

http://davidwalsh.name/translate3d

and here: -

How to force re-rendering after converting WebKit 3D to Safari