CSS animation lag on Android Cordova app -


position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fff; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-animation-delay: 0; animation-delay: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; 

why <div> above css applied experience lag when animated? inside cordova app, animation extremely clean , smooth on ios, lags in android. other elements in app on android animating smooth, element. i'm hardware accelerating, using transforms etc... no luck. here animation being used on elements:

@keyframes slideinright {   {     z-index: 10;     transform: translate3d(100%, 0, 0);     visibility: visible;   }    {     z-index: 10;     transform: translate3d(0, 0, 0);   } } 

did test crosswalk webview engine ?

cordova-plugin-crosswalk-webview


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -