-webkit-transform does not work in Android webview

Question

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.

Solution 1

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>

Solution 2

AFAIK, the rotation transform is only applied to block level elements. A span is an inlined element by default.