title: Performance issues with translate3d transform transition?
body: <p>the two css classes are,</p>
  
  <pre><code> .slideOut {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transition: transform 0.3s ease;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
  }
  
  .slideIn {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.3s ease;
  }
  </code></pre>
  
  <p>I have not seen any flickering in chrome browser and not even in iphone but when I run the application on some android devices like Samsung s3, the view flickers when the height of the view exceeds the height of the devices.
  What can be done to remove this issue.</p>
  
  <p>Thanks for any help.</p>