Smoother CSS transition on mobile (phonegap/cordova on android) -

So I'm developing an Android app, in which I have 4 routes, which used 4 tabs on my navigation Top can go It works great, but I thought it would be great to include swapping effects to change the routes. As I am using angular.js, I have ng-enter and ng-leisure classes which I am using to create these CSS transition effects. Enough said, my question is:

Can I do something (maybe using another CSS property) to make these animations smoother, because they are okay now? This is what I am using in my CSS:

  .slideLeft {left: 0; } .slideLeft.ng-enter {-webkit-transition: 0.3s linear all; Status: fixed; Z-index: heirs; Left: -100%; Height: heir; } .slideLeft.ng-leave {-webkit-transition: 0.3s linear all; Status: fixed; Z-index: 9999; Correct: 0; } .slideLeft.ng-leave-active {-webkit-transition: 0.3s linear all; Status: fixed; Left: 100%; Correct: -100%; } .slideLeft.ng-enter-active {-webkit-transition: 0.3s linear all; Left: 0; Status: Relative; } .slideRight {true: 0; } .slideRight.ng-enter {-webkit-transition: 0.3s Linear All; Status: fixed; Z-index: heirs; Correct: -100%; Height: heir; } .slideRight.ng-leave {-webkit-transition: 0.3s Linear All; Status: fixed; Z-index: 9999; Left: 0; } .slideRight.ng-leave-active {-webkit-transition: 0.3s linear all; Status: fixed; Correct: 100%; Left: -100%; } .slideRight.ng- login-active {-webkit-transition: 0.3s linear all; Correct: 0; Status: Relative; }