user1118019 user1118019 - 2 months ago 32
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

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>
Comments