Comunidad de diseño web y desarrollo en internet online

CSS: ¿Como ROTAR TEXTO en IE ?

Citar            
MensajeEscrito el 11 Mar 2011 03:23 am
Hola Chicos/as,
estoy con un problema que no puedo solucionar, en realidad estoy muy cerca. Se trata de rotar texto en css.

Pude lograrlo con todos los navegadores con el siguiente codigo:

-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);

Para IE tengo este:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.7071067811865476, M12=0.5566666666,
M21=-0.5566666666, M22=0.7071067811865476);

Esta basado en coordenadas, pero no logro entenderlas, solo quiero rotar el texto 10º a la derecha, pero no se como traducir los "grados" a "coordenadas". Si alguien puede ayudarme por favor! gracias.

Por mbascolo

48 de clabLevel



Genero:Masculino  

Programación Sitios Web

chrome
Citar            
MensajeEscrito el 11 Mar 2011 03:58 am
Hola Chicos/as,
finalmente probando las cordenadas pude encontrar la manera de rotar el texto. Modificando el M12 y el M21

De todas maneras el texto en IE no se ve correctamente, sino que se cortan las letras que sobrepasan el renglon, por ej: "p, j, y", Asi que seguiré mañana, tiene que haber otra manera en ajax.

Saludos!

Por mbascolo

48 de clabLevel



Genero:Masculino  

Programación Sitios Web

chrome
Citar            
MensajeEscrito el 11 Mar 2011 05:05 pm

mbascolo escribió:

Pude lograrlo con todos los navegadores con el siguiente codigo:

-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);

En Opera no funciona ;).

Has olvidado:
[css]
transform: rotare(3deg);
-o-transform: rotare(3deg);
[/css]
Porque en el futuro la propiedad transform será estándar y no habrá necesidad de especificar el prefijo de prueba de cada motor de render. El prefijo para Opera es -o-.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 14 Mar 2011 02:25 pm
Ok, gracias DriverOp !

saludos.

Por mbascolo

48 de clabLevel



Genero:Masculino  

Programación Sitios Web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.