Considerations for CSS3 Transition Performance

Question

As part of a project that needs to support mobile devices, I have been working on mimicking the iPhone toggle control using CSS3. I have the look and feel of the element pretty

Answer 1

I think it quite old already but for anyone who still needs tricks to improve the transition performance on mobile device, you can apply : -webkit-transform: translateZ(0); to the element you are animating. This trick is according to this blog : http://chrissilich.com/blog/fix-css-animation-slow-or-choppy-in-mobile-browsers/. I have tried and it works quite well.