Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: OssoH en 18 Junio 2013, 18:25 PM

Título: Estirar texto verticalmente CSS
Publicado por: OssoH en 18 Junio 2013, 18:25 PM
Hola :
Quiero estirar verticalmente un texto.

He probado aplicando el siguiente CSS y solo me funciona en Firefox.

-ms-transform:scaleY(1.2); /* IE */
-moz-transform:scaleY(1.2); /* Firefox */
-webkit-transform:scaleY(1.2); /* Safari and Chrome */
-o-transform:scaleY(1.2);/* Opera */


¿cómo puedo tener el efecto en IE y Chrome?

Gracias.
Título: Re: Estirar texto verticalmente CSS
Publicado por: karmany en 19 Junio 2013, 17:42 PM
Te falta añadir sin prefijo:

transform:scaleY(1.2);

El anterior me funciona bien en IE 10

También puedes usar transform:scale(1,4);

En esta página puedes hacer pruebas y cambiar el código con el navegador que tú tengas:
http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform_scale (http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform_scale)
Título: Re: Estirar texto verticalmente CSS
Publicado por: OssoH en 19 Junio 2013, 17:48 PM
Gracias, acabo de comprobarlo y hoy si me funciona!! Que raro....
Gracias por el enlace!!

Solucionado