移动设备上的CSS过渡更顺畅（android上的phonegap / cordova）

Question

所以我正在开发一个Android应用程序，其中我有4条路线，可以从我顶部导航的4个标签访问。这很好用，但我认为包括滑动效果来改变路线会很棒。当我使用angular.js时，我使用ng-enter和ng-leave类来制作这些css过渡效果。够了，我的问题如下：

我可以制作一些东西（可能使用其他CSS属性）来使这些动画更加流畅，因为它们现在非常迟钝吗？这就是我在css中使用的内容：

.slideLeft{
  left:0;
}
.slideLeft.ng-enter{
  -webkit-transition:0.3s linear all;
  position:fixed;
  z-index:inherit;
  left:-100%;
  height:inherit;
}
.slideLeft.ng-leave{
  -webkit-transition:0.3s linear all;
  position:fixed;
  z-index:9999;
  right:0;
}
.slideLeft.ng-leave-active{
  -webkit-transition:0.3s linear all;
  position:fixed;
  left:100%;
  right:-100%;
}
.slideLeft.ng-enter-active{
  -webkit-transition:0.3s linear all;
  left:0;
  position:relative;
}

.slideRight{
  right: 0;
}
.slideRight.ng-enter{
  -webkit-transition:0.3s linear all;
  position:fixed;
  z-index:inherit;
  right:-100%;
  height:inherit;
}
.slideRight.ng-leave{
  -webkit-transition:0.3s linear all;
  position:fixed;
  z-index:9999;
  left:0;
}
.slideRight.ng-leave-active{
  -webkit-transition:0.3s linear all;
  position:fixed;
  right:100%;
  left:-100%;
}
.slideRight.ng-enter-active{
  -webkit-transition:0.3s linear all;
  right:0;
  position:relative;
}