user1118019 user1118019 - 1 year ago 123
Android Question

-webkit-transform does not work in Android webview

i have applied the following css to an image in span tag.

-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
transform:rotate(-2deg);
-o-transform: rotate(-2deg);


this css style works on ios webview, desktop browser, but not on android webview, which is also webkit based.

my question is why this is not rendered on Android.

Answer Source

i am using android version 3.1 and this code working fine for me.. my code is below

.transofmr
{
-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(30deg); /* Safari and Chrome */
-o-transform: rotate(30deg); /* Opera */
-moz-transform: rotate(30deg); /* Firefox */
transform: rotate(30deg);

width:200px;
height:200px;
background-color:#339933;
}
<div class="transofmr">Transform</div>