Geek Answers Handbook

Does Android Webview support CSS3 WebKit Animations?

Does WebView Control on Android OS support css3 animation hardware acceleration? And all the webkit css (ex: -webkit-transition bla bla) that I have work on Safari Mobile, they work the same on android?

+7
source share
2 answers

Yes, according to this page .. It supports from version 3.0 to the last, favorite Bean jelly;)

On the other hand, the developers experienced not very successful results. Quote from here :

CSS animations are supported on Android devices - but only if one property changes. As soon as you try to animate more than one property at once, the whole element disappears. In non-native Android browsers, the element will be visible for the duration of the animation, but will disappear immediately after its completion.

and update from the same source:

.. It turns out that Android 4.0 really solves this problem. However, we need to urge the authors of these resources to explicitly indicate that support is not available in previous versions of Android.

So, the final version of version 4.0+ supports it in a good way.

UPDATE: Chromium works from KitKat WebView (the same engine as in the Chrome browser), therefore, from this version of Android, advanced HTML5 and CSS features should be fully supported .. Read more about this here

Hope this will be helpful ..;)

+7
source

If you want the webkit transitions to be animated hardware accelerated in Android Webview, you need to enable hardware acceleration in the manifest file as follows:

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" ... > ... <application ... android:hardwareAccelerated="true"> ... </application> </manifest>

This is not ideal, but it greatly improves rendering.

+1
source

More articles:


All Articles