2012-05-09 23 views
5

he aplicado el siguiente css a una imagen en la etiqueta span.-webkit-transform no funciona en Android webview

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

este CSS funciona en iOS vista web, navegador de escritorio, pero no en la vista web androide, que también está basado en WebKit.

mi pregunta es por qué esto no se representa en Android.

+1

Sé que es hace 4 años, pero ¿alguna vez resolvió este problema? Intentar transformar una imagen (ni siquiera rotar) y no funciona en la vista web de Android, pero funciona en cualquier otro lugar, incluida la vista web en el emulador. –

Respuesta

4

estoy usando la versión Android 3.1 y el código funciona bien para mí .. mi código está por debajo

.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> 
0

esto ayudará u .. he comprobado en este dispositivo Motorlla XOOM ..

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

gracias cgvector. No estoy seguro de si esto está relacionado con el hardware del teléfono. Intenté galaxy s2 y Motorola Droid, ambos no están girando. pero lo intenté en el simulador, todo está funcionando como se esperaba. ¿Crees que esto tiene que ver con la versión del teléfono Android? motor de representación del navegador tuyo? si es así, ¿puedes decirme la versión de tu xoom para que también pueda verificar la mía? – user1118019

+0

también lo intentó con valor negativo, ¿funcionó? – user1118019

5

AFAIK, la transformación de rotación solo se aplica a elementos de nivel de bloque. Un lapso es un elemento en línea por defecto.

+1

Esta es una pregunta bastante antigua con una respuesta aceptada. Sería bueno si pudiera hacer una copia de seguridad de sus afirmaciones con referencias a documentación relevante. – Kev