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
Post a Comment