Smooth jQuery animations on IOS and IPAD and IPHONE
The Situation: You've got a website with some pretty cool animations. Man does it look good! Great job! Only problem though is when you finally see it on an Ipad, Ihpone, or IS device, you've got glitchy animations. What gives? It worked so good on your laptop and desktop!
The Problem: IOS devices by default try and run everything off the CPU without any backup from the GPU resources. This causes more advanced or involved amimations to tank.
A solution: One solution is to get some extra help with the animations. You can do this using HTML5/CSS3 to trick the IOS device into bringing in the GPU potential. The following CSS code tends to help:
There you have it! Enjoy in good health and animate away!