Smooth Animations in Cordova Hybrid App

ARCHIVE | March 25, 2016

While working with Cordova Apps, found that the jQuery Animation effects were not smooth.
While googling and searching for solution on StackOverflow I found many answers. But one answer on a Chrissilich's website(link below) worked amazingly for me.

So the solution was to add this particular CSS code to the element to be animated.

-webkit-transform: translateZ(0);

Source:

Chrissilich Blog - solution to fix choppy animations - http://chrissilich.com/blog/
My stackoverflow answer's permalink - http://stackoverflow.com/a/34810902/1355345

Photo credit:

Photo by Sora Shimazaki: https://www.pexels.com/photo/crop-unrecognizable-developer-u...