CSS animation flickers on mobile browser

Asked Jan 22 '14 at 18:20

Active Jan 22 '14 at 20:25

Viewed 388 times

If you visit this webpage, in your laptop/mac the animation works as it should, but if you visit it using your android phone (I tested it in Android 2.3) you will notice a flicker in the animation!

Being aware of the backface-visibility but it has no effect :(

-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;

Any suggestions to get it working on Android (this is actually meant as a game for PhoneGap app).

Does it have anything to do with Anglularjs animate/ngShow?

edited Jun 20 '20 at 09:12

Community

asked Jan 22 '14 at 18:20

numediaweb

16,362
12
74
110

Animation w/ Android 2.3.x is terrible. We ended up removing it from our app. There really is no solution to this. – Dawson Loudon Jan 22 '14 at 18:38
1

I tested it also on Android 4.3.1 browser and it **bugs** too! – numediaweb Jan 22 '14 at 18:49

CSS animation flickers on mobile browser

0 Answers0